Metoden removeChild

Metoden removeChild låter dig ta bort ett element. Tillämpas på föräldraelementet med specificering av elementet som ska tas bort.

Syntax

förälder.removeChild(element);

Exempel

Låt oss ta bort stycket #elem. För att göra detta hämtar vi dess förälder #parent och metoden removeChild tillämpar vi på den erhållna föräldern, och som parameter till metoden skickar vi elementet som vi vill ta bort:

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

Resultat av kodkörning:

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

Exempel

Om du behöver ta bort ett element, men det inte finns någon referens till dess förälder, - kan föräldern erhållas via parentElement:

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

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

Resultat av kodkörning:

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

Se även

metoden remove,
som kan användas för att ta bort ett element