Metoden removeChild

Metoden removeChild lar deg slette et element. Brukes på foreldreelementet med angivelse av elementet som skal slettes.

Syntaks

forelder.removeChild(element);

Eksempel

La oss slette avsnittet #elem. For å gjøre dette må vi hente dens forelder #parent og metoden removeChild brukes på den innhentede forelderen, og metodeparameteren sender vi elementet som vi ønsker å 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 av kodekjøringen:

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

Eksempel

Hvis du trenger å slette et element, men det ikke er noen referanse til dets forelder, - kan forelderen hentes via parentElement:

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

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

Resultatet av kodekjøringen:

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

Se også

metoden remove,
som kan brukes til å slette et element