Metóda removeChild

Metóda removeChild umožňuje odstrániť prvok. Aplikuje sa na nadradený prvok s určením prvku, ktorý je potrebné odstrániť.

Syntax

javascriptrodic.removeChild(prvok);

Príklad

Odstránme odsek #elem. Na to získame jeho rodiča #parent a metódu removeChild aplikujeme na získaného rodiča, a parametrom metódy predáme prvok, ktorý chceme odstrániť:

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

Výsledok vykonania kódu:

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

Príklad

Ak je potrebné odstrániť prvok, ale odkazy na jeho rodiča nie sú, - rodiča je možné získať cez parentElement:

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

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

Výsledok vykonania kódu:

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

Pozri tiež