HTML DOM removeChild() Method

<Element Object

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.

Definition und Verwendung

Die removeChild() Methode entfernt einen bestimmten untergeordneten Knoten des angegebenen Elements.

Gibt den entfernten Knoten als ein Node - Objekt oder null , wenn der Knoten nicht existiert.

Hinweis: Der entfernte Kindknoten nicht mehr Teil des DOM ist. Doch mit der Referenz von dieser Methode zurückgegeben, ist es möglich , die entfernt Kind auf ein Element zu einem späteren Zeitpunkt eingefügt werden (See "More Examples") .

Tip: Verwenden Sie die appendChild() oder insertBefore() Methode den entfernten Knoten in das gleiche Dokument einzufügen. Um es in ein anderes Dokument einzufügen, verwenden Sie das Dokument. adoptNode() oder Dokument. importNode() Methode.

Browser-Unterstützung

Syntax

Parameterwerte

Parameter	Art	Beschreibung
node	Node object	Erforderlich. Der Knoten Objekt, das Sie entfernen möchten

Technische Details

Rückgabewert:	Ein Knotenobjekt, den entfernten Knoten darstellt, oder Null , wenn der Knoten nicht vorhanden ist
DOM Version	Core Level 1 Knoten Object

---

Mehr Beispiele

Beispiel

Finde heraus, ob eine Liste untergeordnete Knoten enthält. Wenn ja, entfernen Sie die ersten Kindknoten (index 0) :

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");

// If the <ul> element has any child nodes, remove its first child node
if (list.hasChildNodes()) {
    list.removeChild(list.childNodes[0]);
}

Vor dem Entfernen:

• Coffee
• Tea
• Milk

Vor dem Entfernen:

• Tea
• Milk

Versuch es selber "

Beispiel

Entfernen Sie alle untergeordneten Knoten aus einer Liste:

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");

// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {  
    list.removeChild(list.firstChild);
}

Vor dem Entfernen:

• Coffee
• Tea
• Milk

Nach dem Entfernen:

Versuch es selber "

Beispiel

Entfernen ein <li> Element mit id = „myli“ von seinem übergeordneten Elemente (ohne seinen Elternknoten zu spezifizieren):

var item = document.getElementById("myLI");
item.parentNode.removeChild(item);

Vor dem Entfernen:

• Coffee
• Tea
• Milk

Nach dem Entfernen:

• Coffee
• Milk

Versuch es selber "

Beispiel

Entfernen Sie ein <li> Element von seinem übergeordneten, und legen Sie sie wieder:

var item = document.getElementById("myLI");

function removeLi() {
    item.parentNode.removeChild(item);
}

function appendLi() {
    var list = document.getElementById("myList");
    list.appendChild(item);
}

Versuch es selber "

Beispiel

Entfernen Sie ein <span> Element von seinem übergeordneten und legen Sie es auf ein <h1> Element in einem anderen Dokument:

var child = document.getElementById("mySpan");

function removeLi() {
    child.parentNode.removeChild(child);
}

function myFunction() {
    var frame = document.getElementsByTagName("IFRAME")[0]
    var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
    var x = document.adoptNode(child);
    h.appendChild(x);
}

Versuch es selber "

---

<Element Object