Метод cloneNode()
Пример
Скопируйте элемент <li> из одного списка в другой:
// Получаем последний элемент <li> ("Молоко") к <ul> with id="myList2"
var itm = document.getElementById("myList2").lastChild;
// Скопируйте элемент <li> и его дочерние узлы
var cln = itm.cloneNode(true);
// Добавьте клонированный элемент <li> к <ul> с помощью id="myList1"
document.getElementById("myList1").appendChild(cln);
Перед клонированием:
- Кофе
- Чай
- Вода
- Молоко
После клонирования:
- Кофе
- Чай
- Молоко
- Вода
- Молоко
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Метод cloneNode() создает копию узла и возвращает клон.
Метод cloneNode() клонирует все атрибуты и их значения.
Совет: Используйте appendChild() или insertBefore() способ вставки клонированного узла в документ.
Совет: Установите для deep параметр значение true, если вы хотите клонировать всех потомков (дочерних элементов), в противном случае значение false.
Поддержка браузера
Метод | |||||
---|---|---|---|---|---|
cloneNode() | Да | Да | Да | Да | Да |
Синтаксис
node.cloneNode(deep)
Параметр значений
Параметр | Тип | Описание |
---|---|---|
deep | Boolean |
Необязательный. Указывает, следует ли клонировать всех потомков узла.
|
Технические детали
Возвращает значение | Объект узла, представляющий клонированный узел |
---|---|
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() Метод