JavaScript遍历table的行和列

来源:http://blog.csdn.net/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>
复制代码

 

posted on   华山青竹  阅读(2801)  评论(0编辑  收藏  举报

编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
· 【译】Visual Studio 中新的强大生产力特性
· 2025年我用 Compose 写了一个 Todo App

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示