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>