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>