Javascript 向不同的HTML元素添加两个相同的节点

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

var tbl = document.createElement('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);
}

var元素=['ele1'，'ele2']；
对于（var i=0；i

但是，该表仅出现在最后一个元素中。我不知道如何复制这些表

---

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

使用

cloneNode

：

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

---

.appendChild（）

将移动元素。如果你想要一个节点的副本，你必须“克隆”一个节点。请注意，我们更喜欢这里的技术风格。我们轻轻地劝阻问候，希望你能帮助，谢谢，提前感谢，感谢信，问候，亲切的问候，签名，请你能帮助，闲聊的材料和缩写的txtspk，恳求，你被困多久了，投票建议，元评论等。只需解释你的问题，并展示你已经尝试了什么，你期望什么，事实上发生了什么。我希望这样的事情会存在！我可以在单个节点上使用克隆节点吗？或者在使用之前我必须确定我需要多个克隆节点吗？正如注释中指出的，对于要附加的任何节点，使用appendChild只会移动节点。更多信息谢谢！我永远感激你