Метод cloneNode()
Пример element.cloneNode()
Скопируйте <li> элемент из "myList2" в "myList1":
const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);
document.getElementById("myList1").appendChild(clone);
До:
- Кофе
- Чай
- Вода
- Молоко
После:
- Кофе
- Чай
- Молоко
- Вода
- Молоко
Ещё примеры ниже.
Описание cloneNode()
Метод cloneNode() создает копию узла и возвращает клон.
Метод cloneNode() клонирует все атрибуты и их значения.
Установите параметр deep на true, если вы также хотите клонировать потомков (детей).
Вставить обратно
Чтобы вставить клонированный узел обратно в документ, используйте:
Связные страницы cloneNode()
Синтаксис cloneNode()
node.cloneNode(deep)
Параметры cloneNode()
| Параметр | Описание |
|---|---|
| deep | Необязательно.false — По умолчанию. Клонировать только узел и его атрибуты.true — Клонировать узел, его атрибуты и его потомков. |
Возвращаемое значение cloneNode()
| Тип | Описание |
|---|---|
| Node | Клонированный узел. |
Ещё примеры cloneNode()
Скопируйте элемент "demo", включая атрибуты и дочерние элементы, и добавьте его в документ:
const node = document.getElementById("demo");
const clone = node.cloneNode(true);
document.body.appendChild(clone);
Попробуйте сами »
Поддержка браузера cloneNode()
element.cloneNode() является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |