Metoda removeChild

Metoda removeChild umožňuje odstranit element. Aplikuje se na nadřazený element s uvedením elementu, který je třeba odstranit.

Syntaxe

javascriptrodič.removeChild(prvek);

Příklad

Odstraňme odstavec #elem. K tomu získáme jeho rodiče #parent a metodu removeChild aplikujeme na získaného rodiče, a parametrem metody předáme element, který chceme odstranit:

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ýsledek provedení kódu:

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

Příklad

Pokud je třeba odstranit element, ale odkazy na jeho rodiče nejsou, - rodiče lze získat přes parentElement:

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

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

Výsledek provedení kódu:

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

Viz také