将两个相同的节点添加到不同的 HTML 个元素

Question

我正在使用 createElement 创建一个 table，例如：

var tbl = document.createElement('table');

我以相同的方式创建正文、行和单元格。我想将完全相同的 table 输出到两个不同的 HTML 元素。我们称它们为 ele1 和 ele2。

var elements = ['ele1', 'ele2'];

for (var i = 0; i < elements.length; i++) {
   tbl.id = "table_" + i; //set the ID so they differ for each table instance
   document.getElementById(ele).appendChild(tbl);
}

但是，table 只出现在最后一个元素中。我不知道如何复制 tables。

我已经为它工作的每个元素从头开始创建了整个 table，但我试图避免不必要的处理。

Answer 1

使用cloneNode:

document.getElementById(ele).appendChild(tbl.cloneNode(true));

将两个相同的节点添加到不同的 HTML 个元素

Adding two identical nodes to different HTML elements

html

javascript

appendchild

createelement