пример
Копирование <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
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
cloneNode() метод создает копию узла, и возвращает клон.
В cloneNode() метод клонов все атрибуты и их значения.
Совет: Используйте appendChild() или insertBefore() метод , чтобы вставить клонированный узел к документу.
Совет: Установите глубокое значение параметра в истину , если вы хотите , чтобы клонировать все потомки (children) , в противном случае ложные.
Поддержка браузеров
| метод | |||||
|---|---|---|---|---|---|
| cloneNode() | да | да | да | да | да |
Синтаксис
Значения параметров параметр Тип Описание deep Boolean Необязательный. Указывает, должен ли быть клонированы все потомки узла.
- правда - Клон узел, его атрибуты, и его потомки
- ложь - по умолчанию. Клон только узел и его атрибуты
Технические подробности
Возвращаемое значение: Объект Узел, представляющий клонированный узел DOM Version Базовый уровень 1 Узел объект
Еще примеры
пример
Копирование <div> элемент, включая все его атрибуты и дочерние элементы, и добавить его в документ:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln =
elmnt.cloneNode(true);
document.body.appendChild(cln); Попробуй сам "
Похожие страницы
HTML DOM ссылка: href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method
HTML DOM ссылка: href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method
HTML DOM ссылка: href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method
HTML DOM ссылка: href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method