zoukankan      html  css  js  c++  java
  • JS访问表格的每行的每个TD的方法

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>网页特效|Linkweb.cn/Js|---访问表格的每个TD</title>
    </head>
    <script>
    function showText(){
      var oTbody=table1.children.item(0);
      for(var i=0;i<oTbody.children.length;i++)
      {
         var oTR=oTbody.children.item(i);
             for(var j=0;j<oTR.children.length;j++)
               text1.value+="第"+(i+1)+"行;"+"第"+(j+1)+"列的内容是:"+oTR.children.item(j).innerHTML+"\n";
      }
    }
    </script>
    <body>
    <table border="1" id="table1">
    <tr>
    <td>safssd</td>
    <td>asfdasdf</td>
    <td>asfasdfsafsad</td>
    </tr>
    <tr>
    <td>asdfafsda</td>
    <td>sdfasfasdsadf</td>
    <td>sdfasdfasdfasfd</td>
    </tr>
    </table>
    <button onclick="showText()">showText</button>
    <textarea id="text1" rows="10" cols="100"></textarea>
    </body>
    </html>

  • 相关阅读:
    wenbao与manacher
    wenbao与拓扑排序
    wenbao与邻接表
    wenbao与最短路floyd
    wenbao与最短路dij
    wenbao与后缀自动机(SAM)
    wenbao与欧拉回路
    wenbao与字符串Hash
    wenbao与后缀数组
    wenbao与扩展kmp
  • 原文地址:https://www.cnblogs.com/nianshi/p/1437275.html
Copyright © 2011-2022 走看看