JavaScript遍历table的行和列

最新推荐文章于 2021-06-04 18:20:01 发布

weixin_33709609

最新推荐文章于 2021-06-04 18:20:01 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/445568

来源：http://blog.youkuaiyun.com/bobwu/article/details/7497412

 1 <HTML>
 2 <head>
 3 <SCRIPT LANGUAGE="JavaScript">
 4 //遍历表格的每行每列
 5 function viewCell() 
 6 {
 7     var count=1;                                                    //在表格中显示的内容
 8     for (i=0; i < document.all.tbl.rows.length; i++) {              //遍历每行
 9         for (j=0; j < document.all.tbl.rows(i).cells.length; j++) { //遍历行中的每一列
10             document.all.tbl.rows(i).cells(j).innerText = count;    //在单元格显示数值
11             count++;
12         }
13     }
14 }
15 </SCRIPT>
16 </head>
17 <BODY onload="viewCell()">
18 <TABLE id=tbl border=1 width="200">
19 <TR><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH></TR>
20 <TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
21 <TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
22 </TABLE>
23 </BODY>
24 </HTML>