<body>
<table border="1" id="table1">
<tr id="row1">
<td>01</td>
<td>02</td>
</tr>
<tr id="row2">
<td>11</td>
<td>12</td>
</tr>
</table>
<script type="text/javascript">
//-----------第一种方法----------------
var row = document.getElementById("row1") //只针对 row1这个元素的子节点查找
var cells = row.getElementsByTagName("td")// 找到这个tr下的所有td,不能用childNodes 属性,部分浏览器不兼容
for(var i=0i<cells.lengthi++){
alert("第"+(i+1)+"格的数字是"+cells[i].innerHTML)
}
alert("开始方法2")
//-----------第二种方法,操作表格比较标准的代码----------------
var tab = document.getElementById("table1") //找到这个表格
var rows = tab.rows //取得这个table下的所有行
for(var i=0i<rows.lengthi++)
{
for(var j=0j<rows[i].cells.lengthj++)
{
var cell = rows[i].cells[j]
alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cell.innerHTML)
}
}
</script>
</body>
</html>
<!-----------
把以上代码保存为一个.html文件打开看一下你就明白了
,包含了相关的JS代码
-------->
var table = document.getElementsByTagName("table")[0]rows = table.rows
var rownum = table.rows.length
var i = 0
for(i<rownumi++){
document.body.appendChild("第"+i+"行有"+rows[i].cells.length+"个单元格")
}