Metoden removeChild

Metoden removeChild giver mulighed for at slette et element. Anvendes på det overordnede element med angivelse af det element, der skal slettes.

Syntaks

forælder.removeChild(element);

Eksempel

Lad os slette afsnittet #elem. For at gøre dette skal vi få dens forælder #parent og metoden removeChild anvendes på den modtagne forælder, og som en parameter for metoden sender vi elementet, som vi ønsker at slette:

<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);

Resultatet af udførelsen af koden:

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

Eksempel

Hvis det er nødvendigt at slette et element, men der ikke er nogen reference til dets forælder, - kan forælderen fås via parentElement:

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

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

Resultatet af udførelsen af koden:

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

Se også

metoden remove,
som kan bruges til at slette et element