JavaScript - DOM-Elemente löschen

Dem Eltern-Knoten wird gesagt welches Kind gelöscht wird.

node.removeChild()S.907 Das umfassende Referenzwerk

Löscht und liefert das angegebene Kind eines Knotens

Überblick

  • Node removeChild(Node altesKind)

Argumente

  • altesKind

    Der zu löschende Kind-Knoten.

Rückgabewert

Der Knoten, der gelöscht wurde.

Beschreibung

Diese Methode löscht das angegebene Kind aus dem childNode[]-Array dieses Knoten. Wenn sie mit einem Knoten aufgerufen wird, der kein Kindknoten ist, wird ein Fehler gemeldet. Die Methode removeChild() gibt altesKind-Knoten zurück, nachdem sie ihn entfernt hat. altesKind ist weiterhin ein gültiger Knoten und kann später wieder in das Dokument eingefügt werden.

node.replaceChild() S.907 Das umfassende Referenzwerk

Ersetzt einen Kindknoten durch einen anderen

Überblick

  • Node replaceChild(Node neuesKind, Node altesKind)

Argumente

  • neuesKind

    Der Ersatzknoten.

  • altesKind

    Der zu ersetzende Knoten.

Rückgabewert

Der Knoten, der aus dem Dokument entfernt und ersetzt wurde.

Beschreibung

Diese Methode ersetz ein Kind des Dokumentenbaums durch ein anderes. altesKind ist der zu ersetzende Knoten und muss ein Kind dieses Knotens sein. neuesKind ist der Knoten, der ihn im childNode[]-Array dieses Knotens ersetzt.

Wenn neuesKind bereits Teil dieses Dokuments ist wird es zuerst darauf entfernt und dann an seinem neuen Platz wieder eingefügt. ist neuesKind ein DocumentFragment, so werden statt seiner alle seine Kinder der Reihe nach an der Stelle eingefügt, an der vorher altesKind stand.

node.parentNodeS.900 Das umfassende Referenzwerk

readonly

Der Elternknoten (oder Container-Knoten) dieses Knoten oder null Knoten oder null, wenn kein Elternknoten vorhanden ist. Document- und Attr-Knoten haben nie Eltern. Auch Knoten, die aus dem Dokument gelöscht oder neuerzeugt und noch nicht eingefügt wurden, haben einen parentNode mit dem Wert null.

Kindknoten löschen

Beispiel:

<script type="text/javascript">

function loescheKnoten(Knoten) {

if (Knoten.parentNode != null) {

Knoten.parentNode.removeChild(Knoten);

}

// Funktion überprüft erst ob der übergebene Knoten einen Elternknoten hat. Wenn ja, löscht der Elternknoten seinen Kindknoten.

}

</script>

<input type="button" onClick="loescheKnoten(document.getElementById('h1a'));" value="lösche Überschrift" />

// Aufruf der Funktion im HTML-Button.

Beispiel 2: Löschen beim Aufruf der Seite

window.onload = function() {

loescheKnoten(document.getElementById("h1a"));

//Würde die h1a-Überschrift beim Aufruf der Seite löschen

}

Ausgabe:

Formular

Dieser Button löscht die Überschrift Formular

zurück