JS獲取table表格任意單元格值
阿新 • • 發佈：2019-01-30
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>