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

最新推荐文章于 2024-10-08 14:41:10 发布

样子有点傻

最新推荐文章于 2024-10-08 14:41:10 发布

阅读量4.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ytfghytf/article/details/86803078

该博客介绍了如何在JSP页面中利用JavaScript获取表格任意单元格的值，讲解了表格布局的基础知识，并推荐了一位教师的人工智能教程，教程特色是零基础、易于理解且教学风格风趣。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>