在线展示 F12打开开发人员工具查看console内容
表格数据:
获取表格每行每列数据:
html:
<form id="form1">
<div>
<table id="tbl" border="1">
<tr>
<td> 11</td>
<td> 12</td>
<td> 13</td>
</tr>
<tr>
<td> 21</td>
<td> 22</td>
<td> 23</td>
</tr>
<tr>
<td> 31</td>
<td> 32</td>
<td> 33</td>
</tr>
</table>
</div>
</form>
css:
<style>
#tbl {
width: 40%;/*表格宽度*/
border-collapse: collapse;/*表格单边框*/
text-align: center;/*单元格文本居中显示*/
}
</style>
javascript遍历每行每列:
<script>
function load(){
var tab=document.getElementById("tbl");
var rows=tab.rows;
console.log(rows.length);//获取表格的行数
for(var i=0;i<rows.length;i++){ //遍历表格的行
for(var j=0;j<rows[i].cells.length;j++){ //遍历每行的列
console.log("第"+(i+1)+"行,第"+(j+1)+"列的值是:"+rows[i].cells[j].innerHTML);
}
}
}
load();//函数调用
</script>