zoukankan      html  css  js  c++  java
  • javascript如何从tr中分别获得每个td的元素

    <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>
  • 相关阅读:
    mysql创建表
    MySql数据类型(转)
    mysql命令总结
    php文件遍历类:FileBianli.class.php
    php文件删除
    php文件复制
    php文件遍历
    php下载c
    智能眼镜的行业应用
    《代谢增长论》读书笔记
  • 原文地址:https://www.cnblogs.com/xiaoliu66007/p/4335532.html
Copyright © 2011-2022 走看看