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

rodic.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ť:

<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ýsledok vykonania kódu:

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

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

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

Výsledok vykonania kódu:

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

Pozri tiež

metóda remove,
pomocou ktorej je možné odstrániť prvok