logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

JS获取table表格任意单元格值

 xiaozhenyu 2013-08-08

jsp页面表格布局

Html代码
  1. <body onload="show()">  
  2.    <center>  
  3.       <input type="text" value="111" id="mytext">  
  4.       <table border="1" width="60%" id="mytable">  
  5.           <tr>  
  6.               <td id="td1">第一行第一列</td><td id="td2">第一行第二列</td>  
  7.           </tr>  
  8.            <tr>  
  9.               <td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td>  
  10.           </tr>  
  11.           <tr>  
  12.               <td>第三行第一列</td><td>第三行第二列</td>  
  13.           </tr>  
  14.       </table>  
  15.    </center>  
  16.  </body>  

js代码

Javascript代码
  1. <script type="text/javascript">  
  2.     function show(){  
  3.         // 获取id为 mytext 的普通元素值   
  4.         var mytext = document.getElementById("mytext").value;  
  5.           
  6.         //用标记id的td元素 获取值方法   
  7.         var td1 = document.getElementById("td1").innerHTML;  
  8.   
  9.         //用获取table(通过其id ) 获取指定的行，列   
  10.         var mytable = document.getElementById("mytable").rows[1].cells[2].innerHTML;  
  11.   
  12.         //遍历 table表格   
  13.         var s3 = document.getElementsByTagName("table")[0]; //获取第一个表格   
  14.           
  15.         alert(td1);    //第一行第一列   
  16.         alert(mytable);  //第二行第三列  
  17.         for(var i=0;i<s3.rows.length;i ){  
  18.             for(var j=0;j<s3.rows[i].cells.length;j ){  
  19.                 alert(s3.rows[i].cells[j].innerHTML);  
  20.             }  
  21.         }  
  22.     }  
  23. </script>  

    本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。
    转藏 分享 献花（0）

    来自： xiaozhenyu > 《网站及编程技术》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多