<html> <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=0;i<cells.length;i++){ alert("第"+(i+1)+"格的数字是"+cells[i].innerHTML); } alert("开始方法2"); //-----------第二种方法，操作表格比较标准的代码---------------- var tab = document.getElementById("table1"); //找到这个表格 var rows = tab.rows; //取得这个table下的所有行 for(var i=0;i<rows.length;i++) { for(var j=0;j<rows[i].cells.length;j++) { var cell = rows[i].cells[j]; alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cell.innerHTML); } } </script> </body> </html>