码迷,mamicode.com
首页 > 编程语言 > 详细

javascript如何从tr中分别获得每个td的元素

时间:2015-03-13 18:23:36      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

<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>

 

javascript如何从tr中分别获得每个td的元素

标签:

原文地址:http://www.cnblogs.com/aixin0428/p/4335532.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!