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