Metod removeChild

Metod removeChild omogućava brisanje elementa. Primjenjuje se na roditeljski element sa naznakom elementa koji treba obrisati.

Sintaksa

roditelj.removeChild(element);

Primjer

Hajde da obrišemo paragraf #elem. Za ovo dobijamo njegovog roditelja #parent i metod removeChild primijenimo na dobijenog roditelja, a parametar metoda proslijedimo element, koji želimo obrisati:

<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 izvršavanja koda:

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

Primjer

Ako je potrebno obrisati element, ali reference na njegovog roditelja nema, - roditelja možemo dobiti preko parentElement:

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

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

Rezultat izvršavanja koda:

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

Pogledajte takođe

metod remove,
pomoću kojeg možete obrisati element