JavaScript如何导出含标签、文本的完整页面到Excel而非仅导出表格

你现有代码用的XLSX.utils.table_to_book只会解析DOM里标准<table>标签下的<tr>、<td>节点，id为content容器里的普通文本、动态生成的标题、div、自定义标签这类非表格结构，本身就不在这个方法的解析范围内，当然导不出来。

最通用的处理方式是先把所有待导出内容（不管是文本、标签还是表格）转换成table_to_book能识别的标准表格结构，用临时DOM中转，不会影响原有页面展示，直接替换原有导出函数即可：

function ExportToExcel(type, fn, dl) {
  const sourceContainer = document.getElementById("content");
  const tempTable = document.createElement("table");
  // 缓存原有节点，导出后不改动页面原有结构
  const allNodes = Array.from(sourceContainer.childNodes);

  allNodes.forEach(node => {
    // 遇到表格节点直接克隆后追加，不需要额外处理
    if (node.tagName === "TABLE") {
      tempTable.appendChild(node.cloneNode(true));
      return;
    }
    // 其他类型节点（文本、标题、自定义标签、块级元素等）单独占一行单元格
    const row = document.createElement("tr");
    const cell = document.createElement("td");
    cell.appendChild(node.cloneNode(true));
    row.appendChild(cell);
    tempTable.appendChild(row);
  });

  // 把临时表格挂到页面可视区域外，避免影响用户浏览
  tempTable.style.cssText = "position:fixed;top:-9999px;left:-9999px;";
  document.body.appendChild(tempTable);

  // 生成Excel文件
  const wb = XLSX.utils.table_to_book(tempTable, {
    sheet: "sheet1",
    raw: false // 保留节点内的基础文本格式
  });

  // 导出完成后移除临时DOM
  document.body.removeChild(tempTable);

  return dl
    ? XLSX.write(wb, { bookType: type, bookSST: true, type: "base64" })
    : XLSX.writeFile(wb, fn || (`导出数据.${type || "xlsx"}`));
}

• 如果你的动态标签是嵌套在多层容器内，不是content的直接子节点，把上面的单层遍历改成递归遍历，每个独立块级内容单独占一行单元格即可
• 开源版xlsx库对单元格样式支持有限，如果需要导出字体颜色、加粗、背景色这类样式，可以替换成xlsx-js-style库，调用逻辑完全一致
• 如果内容结构比较固定，也可以手动组装二维数组，用XLSX.utils.aoa_to_sheet生成工作表：先把标题、说明文本按行写入数组，再拼接表格解析出的行数据，灵活度更高，示例代码如下：

function ExportToExcel(type, fn, dl) {
  const sheetData = [];
  // 自定义头部内容
  sheetData.push(["全页面导出数据"]);
  sheetData.push([`导出时间：${new Date().toLocaleString()}`]);
  sheetData.push([]); // 空行分隔
  // 追加表格内容
  const tableEl = document.querySelector("#content table");
  const tableData = XLSX.utils.sheet_to_json(XLSX.utils.table_to_sheet(tableEl), { header: 1 });
  sheetData.push(...tableData);

  const wb = XLSX.utils.book_new();
  const ws = XLSX.utils.aoa_to_sheet(sheetData);
  XLSX.utils.book_append_sheet(wb, ws, "sheet1");

  return dl
    ? XLSX.write(wb, { bookType: type, bookSST: true, type: "base64" })
    : XLSX.writeFile(wb, fn || (`导出数据.${type || "xlsx"}`));
}

内容的提问来源于stack exchange，提问作者rage