Добавление двух одинаковых узлов в разные элементы HTML

Question

Я создаю таблицу, используя 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);
}

Однако таблица только когда-либо появляется в последнем элементе. Я не могу понять, как дублировать таблицы.

Я создаю ВСЮ таблицу с нуля для КАЖДОГО элемента, она работает, но я пытаюсь избежать ненужной обработки.

Answer 1

Использование cloneNode:

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