Метод HTML DOM cloneNode()
Пример
Скопируйте элемент <li> из одного списка в другой:
// Get the last <li> element ("Milk") of <ul> with id="myList2"
var itm = document.getElementById("myList2").lastChild;
// Copy the <li> element and its child nodes
var cln = itm.cloneNode(true);
// Append the cloned <li> element to <ul> with id="myList1"
document.getElementById("myList1").appendChild(cln);
Перед клонированием:
- Coffee
- Tea
- Water
- Milk
После клонирования:
- Coffee
- Tea
- Milk
- Water
- Milk
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Метод cloneNode() создает копию узла и возвращает клон.
Метод cloneNode() клонирует все атрибуты и их значения.
Совет: используйте метод appendChild() или insertBefore() , чтобы вставить клонированный узел в документ.
Совет: Установите для параметра deep значение true, если вы хотите клонировать всех потомков (потомков), в противном случае — false.
Поддержка браузера
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Синтаксис
node.cloneNode(deep)
Значения параметров
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Технические детали
Возвращаемое значение: | Объект Node, представляющий клонированный узел |
---|---|
DOM-версия | Базовый объект узла уровня 1 |
Дополнительные примеры
Пример
Скопируйте элемент <div>, включая все его атрибуты и дочерние элементы, и добавьте его в документ:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Связанные страницы
Справочник по HTML DOM: метод document.adoptNode()
Ссылка на HTML DOM: метод document.importNode()
Справочник по HTML DOM: метод document.createElement()
Справочник по HTML DOM: метод document.createTextNode()