如何为导出制作隐藏的html表？

Question

我已经有了将html表导出为ex​​cel的代码，但是我如何隐藏表并仍然使用javascript访问它？

<div id="dataExportDiv" style="display:none">
   <table>
      ...table data here...
   </table>
</div>

但是生成的excel文档没有任何数据。我已经尝试导出而不隐藏表格并且它有效，所以我知道导出javascript是有效的。

Answer 1

您在"的ID属性值后似乎缺少<div>。

Answer 2

您可以在屏幕外显示表格（在视口外）：

#parent {
  position: relative;
}
table {
  position: absolute;
  left: -9999px;
}

请注意，如果CSS被取消激活（显然），它仍将显示，并且将被屏幕阅读器读取 如果你正在显示一个图表，那么这个表格将是一个替代它们的好文本（适当的th和scope="col|row"）否则如果它长3公里，他们会发现它是PITA。 在后一种情况下，您可以使用aria-hidden="true"元素上的属性table隐藏最近屏幕阅读器中的表格，并在表格之前为旧版屏幕阅读器提供跳过链接。