Metoda removeChild

Metoda removeChild permite ștergerea unui element. Se aplică elementului părinte cu specificarea elementului care trebuie șters.

Sintaxă

părinte.removeChild(element);

Exemplu

Haideți să ștergem paragraful #elem. Pentru aceasta obținem părintele său #parent și metoda removeChild o aplicăm părintelui obținut, iar ca parametru al metodei transmitem elementul pe care dorim să-l ștergem:

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

Rezultatul executării codului:

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

Exemplu

Dacă trebuie să ștergeți un element, dar nu aveți o referință la părintele său, - părintele poate fi obținut prin parentElement:

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

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

Rezultatul executării codului:

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

Vedeți și

metoda remove,
cu ajutorul căreia puteți șterge un element