javascript - 使用 JavaScript 代码将 HTML 元素复制到剪贴板

Question

我不尝试将文本复制到剪贴板。我有一个 html 元素(连续的 div)数组，代表网格中的单元格。它们是使用 jquery 选择的，我试图找出是否有一种方法可以将它们复制到剪贴板，就像可以粘贴到其他地方的表格一样，例如在 MS Excel 中。

互联网上的所有资源都只讨论复制文本，而不讨论 html 元素。

Answer 1

您可以使用 [selector].outerHTML 对 DOM 元素节点或树进行字符串化。最直接的方法是显示包含 HTML 元素文本的提示，然后您可以复制该文本:

var selectedText = [selector].outerHTML;
function copyToClipboard(text) {
    window.prompt("Copy to clipboard: Ctrl+C, Enter", selectedText);
}
// Using http://stackoverflow.com/a/6055620/3157745

<小时/>

对于导出到 Excel，您无法简单地复制并粘贴任何类型的字符串并将其放入表格中。但是，您可以做的是解析 HTML 元素，将其格式化为 CSV，然后可以使用 Excel 打开。至于如何实现这一点，我们需要查看 HTML 的结构。

<小时/>

更新

如果可能，请尝试使用jquery DataTables 。它可以将您的表导出为 XLSX、CSV、PDF，您所需要做的就是使用以下命令初始化您的表:

$(document).ready(function() {
    $('#example').DataTable()
});