Metod removeChild

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

Sintaksa

javascriptroditelj.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:

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

javascriptlet parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

Rezultat izvršavanja koda:

html<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:

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

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

Rezultat izvršavanja koda:

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

Pogledajte takođe