Объекты JavaScript

Справочник JavaScript

cloneNode()Функция: возвращает копию узла, вызываемого этим методом.

Метод cloneNode() клонирует все свойства и их значения.

ИспользованиеappendChild()илиinsertBefore()Метод вставляет клонированный узел в документ.

Внимание: cloneNode() может привести к повторению идентификаторов элементов в документе.

node.cloneNode(deep)

Пример

var　node　=　document.querySelector("#box").firstElementChild;
var copy = node.cloneNode(true);
document.getElementById("result").appendChild(copy);

Метод cloneNode() полностью поддерживается всеми браузерами:

Метод
cloneNode()	Да	Да	Да	Да	Да

Параметры	Описание
deep	(по умолчанию) Указывает, следует ли клонировать все потомки узла Возможные значения: Истина -Клонированный узел, его атрибуты, его потомки Ложь -Только клонированный узел и его атрибуты (по умолчанию).

Возврат значения:	Объект Node, представляющий клонированный узел
Версия DOM:	Уровень DOM 1

Копировать элемент DIV (включая все его атрибуты и подэлементы) и добавить его в документ:

Пример

var node = document.querySelector("#box");
var copy = node.cloneNode(true);
document.body.appendChild(copy);