Metoda removeChild

Metoda removeChild omogoča brisanje elementa. Uporablja se na nadrejenem elementu z določitvijo elementa, ki ga je treba izbrisati.

Sintaksa

nadrejeni.removeChild(element);

Primer

Izbrišimo odstavek #elem. Za to dobimo njegovega starša #parent in metodo removeChild uporabimo na dobljenem staršu, parameter metode pa je element, ki ga želimo izbrisati:

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

Rezultat izvajanja kode:

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

Primer

Če želimo izbrisati element, vendar reference na njegovega starša ni, - starša lahko dobimo preko parentElement:

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

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

Rezultat izvajanja kode:

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

Glejte tudi

metoda remove,
s katero lahko izbrišete element