English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM removeChild() method

HTML DOM Element-Objekt

removeChild()The method removes a child node from the DOM and returns the removed node.

Syntax:

node.removeChild(node)
var div = document.getElementById("demo");
div.removeChild(div.firstElementChild);
Testen Sie heraus‹/›

Browser compatibility

All browsers fully support the removeChild() method:

Method
removeChild()IsIsIsIsIs

Parameter value

ParameterDescription
nodeThe node removed from the given parent node (usually an element)

Technical details

Return value:The returned value is the deleted child
DOM version:DOM level1

More examples

Find out if the DIV has any child nodes. If found, delete its first child element (index 0):

var div = document.getElementById("demo");
if (div.hasChildNodes()) {}}
   div.removeChild(div.children[0]);
}
Testen Sie heraus‹/›

Entfernen Sie alle Kindelemente aus dem Element:

var div = document.getElementById("demo");
while (div.hasChildNodes()) {
 div.removeChild(div.children[0]);
}
Testen Sie heraus‹/›

Löschen Sie das angegebene Element, ohne das übergeordnete Element zu spezifizieren:

var node = document.getElementById("myP");
if (node.parentNode) {
   node.parentNode.removeChild(node);
}
Testen Sie heraus‹/›

Verwandte Referenzen

HTML DOM-Referenz:node .parentNode()-Methode

HTML DOM-Referenz:node .hasChildNodes()-Methode

HTML DOM-Referenz:node .appendChild()-Methode

HTML DOM-Referenz:node .insertBefore()-Methode

HTML DOM-Referenz:node .replaceChild()-Methode

HTML DOM Element-Objekt