A removeChild metódus

A removeChild metódus lehetővé teszi egy elem törlését. A szülőelemre alkalmazzuk megadva a törlendő elemet.

Szintaxis

szülő.removeChild(elem);

Példa

Töröljük a #elem bekezdést. Ehhez lekérjük a szülőjét #parent és a removeChild metódust a kapott szülőre alkalmazzuk, a metódus paramétereként pedig megadjuk a törlendő elemet:

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

A kód végrehajtásának eredménye:

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

Példa

Ha egy elemet szeretnénk törölni, de nincs hivatkozás a szülőjére, - a szülő lekérhető a parentElement segítségével:

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

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

A kód végrehajtásának eredménye:

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

Lásd még

a remove metódus,
amellyel egy elem törölhető