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>
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/14561.html