我想让序号直接显示，不要文本框，怎么办？ - 编程论坛

#2

gupiao1752010-04-27 19:53

<table width="100%"  border="1" cellspacing="0" bordercolor="#000000" id="table1">
              <tr bordercolor="#000000">
                <td width="5%"><div align="center"><b>行号</b></div></td>
                </tr>

<script language="JavaScript">
window.onload=function(){
var objtd=document.getElementsByTagName("td");
for(var j=1;j<objtd.length;j++)
{
var dd = document.createTextNode(j);
objtd[j].appendChild(dd);

}
}
</script>
              <tr bordercolor="#000000"  onmouseover="javascript:bgColor='#C8E4FF'" onmouseout="javascript:bgColor='#ffffff'">
                <td height="18" align="center"></td>
                </tr>
              <tr bordercolor="#000000"  onmouseover="javascript:bgColor='#C8E4FF'" onmouseout="javascript:bgColor='#ffffff'">
                <td height="18" align="center"></td>
              </tr>
              <tr bordercolor="#000000"  onmouseover="javascript:bgColor='#C8E4FF'" onmouseout="javascript:bgColor='#ffffff'">
                <td height="18" align="center"></td>
              </tr>
            </table>
试试这个没文本框的！

#3

2010-04-27 22:19

这个有点问题，我只要列一列的行号，但是这个把所有的表格都列号出来了。。。

只有本站会员才能查看附件，请登录

#4

gupiao1752010-04-28 09:30

第一个问题你可不是那么问的啊？怎么老有问不完的问题！

第一个问题是：我想让序号直接显示，不要文本框，怎么办？这里可没有其他附加申明了！

#5

gupiao1752010-04-28 09:32

什么叫做：我只要列一列的行号？？？

这个有点问题，我只要列一列的行号，但是这个把所有的表格都列号出来了。。。

#6

goodskycn2010-04-28 11:16

我是理解楼主的意思了，就是只要第一列有编号，其余的列都是没有的。
我理解了，但是不知道怎么做，希望高手

#7

2010-04-28 13:55

以下是引用gupiao175在2010-4-28 09:32:59的发言：

什么叫做：我只要列一列的行号？？？

这个有点问题，我只要列一列的行号，但是这个把所有的表格都列号出来了。。。

就是只要显示出第一列的行号就可以了。。

#8

gupiao1752010-04-28 18:04

<html>
<head>
</head>
<body>
  <table width="100%"  border="1" cellspacing="0" bordercolor="#000000" id="table1">
              <tr bordercolor="#000000" >
                <td width="5%"><b>行号</b></td><td  colspan="3" style="text-align:center;"><b>内容</b></td>
                </tr>

<script language="JavaScript">
window.onload=function(){
var obj=document.getElementsByTagName("tr");

for (var i=1;i<obj.length;i++)
{
var objtd=obj[i].getElementsByTagName("td");
//for(var j=1;j<objtd.length;j++)
//{
var dd = document.createTextNode(i);
objtd[0].appendChild(dd);
//}
}
}
</script>
              <tr bordercolor="#000000"  onmouseover="javascript:bgColor='#C8E4FF'" onmouseout="javascript:bgColor='#ffffff'">
                <td height="18px" width="18px" align="center"></td><td height="18" align="center">中间的文字1</td><td height="18" align="center">中间的文字1</td><td height="18" align="center">中间的文字1</td>
                </tr>
              <tr bordercolor="#000000"  onmouseover="javascript:bgColor='#C8E4FF'" onmouseout="javascript:bgColor='#ffffff'">
                <td height="18px" width="18px" align="center"></td><td height="18" align="center">中间的文字2</td><td height="18" align="center">中间的文字2</td><td height="18" align="center">中间的文字2</td>
              </tr>
              <tr bordercolor="#000000"  onmouseover="javascript:bgColor='#C8E4FF'" onmouseout="javascript:bgColor='#ffffff'">
                <td height="18px" width="18px" align="center"></td><td height="18" align="center">中间的文字3</td><td height="18" align="center">中间的文字3</td><td height="18" align="center">中间的文字3</td>
              </tr>
               <tr bordercolor="#000000"  onmouseover="javascript:bgColor='#C8E4FF'" onmouseout="javascript:bgColor='#ffffff'">
                <td height="18px" width="18px" align="center"></td><td height="18" align="center">中间的文字4</td><td height="18" align="center">中间的文字4</td><td height="18" align="center">中间的文字4</td>
              </tr>
               <tr bordercolor="#000000"  onmouseover="javascript:bgColor='#C8E4FF'" onmouseout="javascript:bgColor='#ffffff'">
                <td height="18px" width="18px" align="center"></td><td height="18" align="center">中间的文字5</td><td height="18" align="center">中间的文字5</td><td height="18" align="center">中间的文字5</td>
              </tr>
            </table>
</body>
</html>
这个应该可以了吧，不管你加几个行或几个列上去。行数永远只在第一列显示！
真服了你了楼主。我还以为你只要去除文本框就可以了！

以后提问，记得把问题一次性描述清楚了！

不要像挤牙膏一样，一次挤一点！

#9

nicechlk2010-04-28 21:39

回复 8楼 gupiao175

楼主人家比较斯文嘛，

#10

goodskycn2010-04-29 14:48

8楼的方法真是他好了，服了！

#11

2010-04-29 18:21

以下是引用gupiao175在2010-4-28 18:04:52的发言：



                行号内容


window.onload=function(){
var obj=document.getElementsByTagName("tr");

for (var i=1;i

                中间的文字1中间的文字1中间的文字1


                中间的文字2中间的文字2中间的文字2


                中间的文字3中间的文字3中间的文字3


                中间的文字4中间的文字4中间的文字4


                中间的文字5中间的文字5中间的文字5



这个应该可以了吧，不管你加几个行或几个列上去。行数永远只在第一列显示！
真服了你了楼主。我还以为你只要去除文本框就可以了！

以后提问，记得把问题一次性描述清楚了！

不要像挤牙膏一样，一次挤一点！

谢谢，长见识了。。。