js读取table数据 转换成数组
时间: 2023-12-09 09:03:50 浏览: 127
可以使用 JavaScript 来读取 HTML 表格中的数据,并将其转换成数组。下面给出一个例子:
假设我们有以下 HTML 表格:
```html
<table id="myTable">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>30</td>
<td>男</td>
</tr>
</tbody>
</table>
```
可以使用以下 JavaScript 代码将表格中的数据转换成数组:
```javascript
// 获取表格对象
var table = document.getElementById("myTable");
// 获取表格中的所有行
var rows = table.rows;
// 定义结果数组
var result = [];
// 遍历每一行并将其转换成数组
for (var i = 0; i < rows.length; i++) {
var row = rows[i];
var cells = row.cells;
var rowData = [];
for (var j = 0; j < cells.length; j++) {
var cell = cells[j];
rowData.push(cell.innerText);
}
result.push(rowData);
}
// 打印结果数组
console.log(result);
```
以上代码将表格中的每一行转换成一个数组,每个数组中包含该行中每个单元格的文本内容。最终结果是一个二维数组,可以用于进一步的操作和处理。
阅读全文