JavaScript 如何将多个 HTML 表格导出到单个 Excel 文件

在Web开发中，有时我们需要将页面上的多个HTML表格数据导出到一个Excel文件中，以便进行数据整理和分析。JavaScript可以帮助我们轻松实现这一功能。

我们需要引入一个用于操作Excel的JavaScript库，比如SheetJS。可以通过在HTML文件中添加以下代码引入：

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.4/xlsx.full.min.js"></script>

接下来，我们需要获取页面上的所有HTML表格。可以使用document.querySelectorAll方法来选择所有的表格元素：

const tables = document.querySelectorAll('table');

然后，我们遍历这些表格，将每个表格的数据转换为工作表数据。对于每个表格，我们可以使用以下代码：

const data = [];
const rows = table.querySelectorAll('tr');
rows.forEach(row => {
  const rowData = [];
  const cells = row.querySelectorAll('td, th');
  cells.forEach(cell => {
    rowData.push(cell.textContent);
  });
  data.push(rowData);
});
const worksheet = XLSX.utils.aoa_to_sheet(data);

在将所有表格数据转换为工作表数据后，我们需要将这些工作表合并到一个工作簿中：

const workbook = XLSX.utils.book_new();
tables.forEach((table, index) => {
  const sheetName = `Sheet${index + 1}`;
  const worksheet = createWorksheet(table);
  XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);
});

最后，我们可以使用以下代码将工作簿导出为Excel文件：

XLSX.writeFile(workbook, 'combined_tables.xlsx');

通过以上步骤，我们就可以使用JavaScript将多个HTML表格的数据导出到单个Excel文件中。需要注意的是，在实际应用中，可能还需要对数据进行进一步的处理和格式化，以满足具体的需求。也要确保在合适的时机触发导出操作，比如在用户点击某个按钮时执行相关代码。这样，我们就能方便地将页面上的多个表格数据整合到一个Excel文件中，提高数据处理的效率。