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

eltern.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:

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

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

parent.removeChild(elem);

Ergebnis der Codeausführung:

<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:

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

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

Ergebnis der Codeausführung:

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

Siehe auch

Methode remove,
mit der ein Element gelöscht werden kann