怎么用js获取当前页面table一列的值

JavaScript09

怎么用js获取当前页面table一列的值,第1张

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

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

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

var val=cell.innerHTML//获取值

1、定位到表格id,比如这里是myTable

2、利用 objTable= document.getElementById("myTable")获取到表格对象,然后进行取值。

3、循环取值如下:

objTable= document.getElementById("myTable")

for( var i=1i<objTable.rows.length i++ )

{

tblObj.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就可以去获取数据了

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

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

}