Methode removeChild

Die Methode removeChild ermöglicht das Löschen eines Elements. Wird auf das übergeordnete Element angewendet mit Angabe des Elements, das gelöscht werden soll.

Syntax

javascripteltern.removeChild(element);

Beispiel

Lassen Sie uns den Absatz #elem löschen. Dazu holen wir uns sein übergeordnetes Element #parent und wenden die Methode removeChild auf das erhaltene Elternelement an, wobei wir dem Methodenparameter das Element übergeben, das wir löschen möchten:

html<div id="parent">
  <p id="elem">elem 1</p>
  <p>elem 2</p>
</div>

javascriptlet parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

Ergebnis der Codeausführung:

html<div id="parent">
  <p>elem 2</p>
</div>

Beispiel

Wenn ein Element gelöscht werden soll, aber keine Referenz auf sein übergeordnetes Element vorhanden ist, kann das übergeordnete Element über parentElement bezogen werden:

html<div>
  <p id="elem">elem 1</p>
  <p>elem 2</p>
</div>

javascriptlet elem = document.querySelector('#elem');
elem.parentElement.removeChild(elem);

Ergebnis der Codeausführung:

html<div id="parent">
  <p>elem 2</p>
</div>

Siehe auch