怎么在谷歌浏览器的控制台打印table的数据
时间: 2023-05-23 22:06:45 浏览: 184
调用浏览器中的打印功能
A:
假设我们有一个table:
```
<table>
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
<td>Male</td>
</tr>
<tr>
<td>Jane</td>
<td>30</td>
<td>Female</td>
</tr>
</table>
```
我们可以通过以下代码将table的数据打印到控制台:
```
// 获取table元素
const table = document.querySelector('table');
// 获取每一行的单元格数据
const data = [];
const headers = [];
for (let i = 0; i < table.rows[0].cells.length; i++) {
headers[i] = table.rows[0].cells[i].innerHTML.toLowerCase();
}
for (let i = 1; i < table.rows.length; i++) {
const tableRow = table.rows[i];
const rowData = {};
for (let j = 0; j < tableRow.cells.length; j++) {
rowData[headers[j]] = tableRow.cells[j].innerHTML;
}
data.push(rowData);
}
// 打印数据
console.table(data);
```
这样就能将数据以表格形式打印到控制台啦~
阅读全文