JavaScript遍历table
1、说明
遍历表格中的某行某列,并打印其值
2、实现源码
JavaScript遍历tabletr td,tr th{
border:#CCC 1px solid;
}
/**
* JavaScript遍历table
*/
function eachTableRow()
{
//获取table序号
var tab=document.getElementById("tab");
//获取行数
var rows=tab.rows;
//遍历行
for(var i=1;i
{
//遍历表格列
for(var j=0;j
{
//打印某行某列的值
alert("第"+(i+1)+"行,第"+(j+1)+"列的值是:"+rows[i].cells[j].innerHTML);
}
}
}
学号 | 姓名 | 年龄 | 性别 |
---|---|---|---|
2014010101 | 张思思 | 20 | 女 |
2014010102 | 立三 | 21 | 男 |
2014010103 | 王玉 | 22 | 女 |
2014010104 | 朱莉 | 23 | 男 |
3、实现结果
(1)初始化时
(2)单击“遍历”
(3)再次单击“遍历”