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

72 阅读 0 评论 48 点赞

我是靠谱客的博主过时方盒，最近开发中收集的这篇文章主要介绍JS获取table表格任意单元格值，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

jsp页面表格布局

 <body onload="show()">    <center>       <input type="text" value="111" id="mytext">       <table border="1" width="60%" id="mytable">           <tr>               <td id="td1">第一行第一列</td><td id="td2">第一行第二列</td>           </tr>            <tr>               <td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td>           </tr>           <tr>               <td>第三行第一列</td><td>第三行第二列</td>           </tr>       </table>    </center>  </body>

js代码

<script type="text/javascript">    function show(){     // 获取id为 mytext 的普通元素值         var mytext = document.getElementById("mytext").value;             //用标记id的td元素 获取值方法         var td1 = document.getElementById("td1").innerHTML;        //用获取table(通过其id ) 获取指定的行，列         var mytable = document.getElementById("mytable").rows[1].cells[2].innerHTML;        //遍历 table表格         var s3 = document.getElementsByTagName("table")[0]; //获取第一个表格                 alert(td1);    //第一行第一列         alert(mytable);  //第二行第三列        for(var i=0;i<s3.rows.length;i++){            for(var j=0;j<s3.rows[i].cells.length;j++){                alert(s3.rows[i].cells[j].innerHTML);            }        }    }</script>