js怎么获取整个表格的数据

JavaScript014

js怎么获取整个表格的数据,第1张

1、JS获取表格的简便方法：获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells

使用实例： oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]

2、遍历

var oTable=document.getElementById("表格id")

oTable.tBodies[0]可以看成是rows和cells组成的二维数组，用两个for循环嵌套遍历一下就可以了

1、简单的，表格中的一行添加id属性

1

var item=document.getElementById("id")

2、在行本身绑定方法将自身作为参数传递

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<html>

<head>

<script type = 'text/javascript'>

var curRow //全局行号

var curRowId//选中行的记录信息的ID

var curColor

function selectRow(tr){//tr行本身

curRow = tr

curRowId = tr.id

alert(tr.cells[0].innerText)

}

</script>

</head>

<body onload = "javascript:selectRow(1)">

<table border = "1 solid">

<tr onclick = "selectRow(this)">

<td>001</td>

<td>google</td>

</tr>

<tr onclick = "selectRow(this)