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

JavaScript031

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

function init()

 {

   vartable =document.getElementById("tab1")

   varrows = table.rows.length

   alert('行数'+rows)

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

   alert('列数'+colums)

 }

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

先获取table，然后再去获取列。获取第一行第一列的值，代码如下：

var table=document.getElementById('tab')//获取表格对象

var cell=table.rows[0].cells[0]//第一行第一列单元格对象

var val=cell.innerHTML//获取值

表格的第一行为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就可以去获取数据了

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

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

}