导出html表格数据
时间: 2023-11-18 08:06:22 浏览: 28
要导出HTML表格数据,可以使用JavaScript编写一个函数来实现。下面是一个简单的示例代码,可以将表格数据导出为CSV文件:
```javascript
function exportTableToCSV(filename) {
var csv = [];
var rows = document.querySelectorAll('table tr');
for (var i = 0; i < rows.length; i++) {
var row = [], cols = rows[i].querySelectorAll('td, th');
for (var j = 0; j < cols.length; j++)
row.push(cols[j].innerText);
csv.push(row.join(','));
}
// 下载 CSV 文件
var csvFile = new Blob([csv.join('\n')], { type: 'text/csv' });
var link = document.createElement('a');
link.href = window.URL.createObjectURL(csvFile);
link.download = filename;
link.click();
}
```
要使用这个函数,只需要在HTML文件中调用它,并传入要导出的文件名作为参数:
```html
<button onclick="exportTableToCSV('table.csv')">导出表格数据</button>
```
当用户点击这个按钮时,就会下载一个名为“table.csv”的文件,其中包含当前页面中的表格数据。