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

javascriptszü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:

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

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

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

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

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

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

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

Lásd még