使用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()
});