Метод removeChild()
Примеры element.removeChild()
Удалить первый элемент из списка:
const list = document.getElementById("myList");
list.removeChild(list.firstElementChild);
До:
- Кофе
- Чай
- Молоко
После:
- Чай
- Молоко
Если в списке есть дочерние узлы, удалите первый (индекс 0):
const list = document.getElementById("myList");
if (list.hasChildNodes()) {
list.removeChild(list.children[0]);
}
Попробуйте сами »
Удалить все дочерние узлы из списка:
const list = document.getElementById("myList");
while (list.hasChildNodes()) {
list.removeChild(list.firstChild);
}
Попробуйте сами »
Ещё примеры ниже.
Описание removeChild()
Метод removeChild() удаляет дочерний элемент.
Примечание removeChild()
Дочерний элемент удаляется из модели документа (DOM).
Однако возвращенный узел можно изменить и вставить обратно в DOM (см. "Дополнительные примеры").
Связные страницы removeChild()
Синтаксис removeChild()
element.removeChild(node)
или
node.removeChild(node)
Параметры removeChild()
| Параметр | Описание |
|---|---|
| node | Обязательно. Узел (элемент), который необходимо удалить. |
Возвращаемое значение removeChild()
| Тип | Описание |
|---|---|
| Node | Удаленный узел (элемент).null если ребенка не существует. |
Ещё примеры removeChild()
Удалить элемент из его родительского узла:
element.parentNode.removeChild(element);
Попробуйте сами »
Удалите элемент из его родителя и вставьте его снова:
const element = document.getElementById("myLI");
function removeLi() {
element.parentNode.removeChild(element);
}
function appendLi() {
const list = document.getElementById("myList");
list.appendChild(element);
}
Попробуйте сами »
Примечание removeChild()
Используйте appendChild() или insertBefore() для вставки удаленного узла в тот же документ.
Используйте document.adoptNode() или document.importNode(), чтобы вставить его в другой документ.
Удалить элемент из его родителя и вставить его в другой документ:
const child = document.getElementById("mySpan");
function remove() {
child.parentNode.removeChild(child);
}
function insert() {
const frame = document.getElementsByTagName("IFRAME")[0]
const h = frame.contentWindow.document.getElementsByTagName("H1")[0];
const x = document.adoptNode(child);
h.appendChild(x);
}
Попробуйте сами »
Поддержка removeChild()
element.removeChild() является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |