Метод removeChild() HTML DOM

Объект элемента HTML DOM

removeChild()Метод удаляет узел из DOM и возвращает удаленный узел.

Грамматика:

node.removeChild(node)

var div = document.getElementById("demo");
div.removeChild(div.firstElementChild);

Совместимость с браузерами

Метод removeChild() полностью поддерживается всеми браузерами:

Значение параметра

Технические детали

Более примеров

Найти, имеет ли DIV какие-либо подузлы. Если найден, удалить первый подузел (индекс 0):

var div = document.getElementById("demo");
if (div.hasChildNodes()) {
　　　div.removeChild(div.children[0]);
}

Удалить все подэлементы из элемента:

var div = document.getElementById("demo");
while (div.hasChildNodes()) {
　div.removeChild(div.children[0]);
}

Удалить указанный элемент, не указывая его родительский узел:

var node = document.getElementById("myP");
if (node.parentNode) {
　　　node.parentNode.removeChild(node);
}

См. также

Референс HTML DOM:node Метод .parentNode()

Референс HTML DOM:node Метод .hasChildNodes()

Референс HTML DOM:node Метод .appendChild()

Референс HTML DOM:node Метод .insertBefore()

Референс HTML DOM:node Метод .replaceChild()

Объект элемента HTML DOM