怎么用JavaScript获取table某行数据

JavaScript013

怎么用JavaScript获取table某行数据,第1张

表格的第一行为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 语法向body中添加元素用innerHTML，下面是示例代码，供参考：

<script>

var div1 = document.getElementById('DIV1')

var code = '<TABLE>'

code += '<TR><TH>姓名</TH><TH>性别</TH></TR>'

code += '<TR><TD>张三</TD><TD>男</TD></TR>'

code += '<TR><TD>李三</TD><TD>女</TD></TR>'

code += '<TR><TD>王三</TD><TD>男</TD></TR>'

code += '<TR><TD>赵三</TD><TD>男</TD></TR>'

div1.innerHTML = code + '</TABLE>'