JS如何获取table有多少行和列

JavaScript06

JS如何获取table有多少行和列,第1张

function init()

 {

   vartable =document.getElementById("tab1")

   varrows = table.rows.length

   alert('行数'+rows)

   varcolums = table.rows[0].cells.length

   alert('列数'+colums)

 }

----根据列数自动循环显示隐藏

表格的第一行为thead中的th

剩下的数据放到tbody中

最后那一行添加的放到tfoot中

对tbody下面的所有tr绑定一个点击事件

事件中获取这个tr下的所有td,就可以获取这行的数据了

大概代码如下:

var trs =document.getElementById("tbodyId").getElementsByTagName("tr")

for(int i=0i<=trs.lengthi++)

{

var tr = trs[i];

var tds=tr.getElementsByTagName("td")

//下面遍历tds就可以去获取数据了

//把数据放到下面的表单就好了

//然后提交数据,在服务端进行修改

}

JS获取表格行数和列数

<html>

<head>

<script type="text/javascript">

function show()

{

var tab = document.getElementById("test")

//表格行数

var rows = tab.rows.length

//表格列数

var cells = tab.rows.item(0).cells.length

alert("行数"+rows+"列数"+cells)

}

</script>

</head>

<body>

<table id="test" border="1">

<tr>

<td></td><td>nbsp</td>

</tr>

<tr>

<td></td><td>nbsp</td>

</tr>

</table>

<input type="button" onclick="show()"/>

</body>

</html>