Metoda removeChild

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

Syntaxe

rodič.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:

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

Výsledek provedení kódu:

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

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

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

Výsledek provedení kódu:

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

Viz také

metoda remove,
pomocí které lze odstranit element