Metoda removeChild

Metoda removeChild lejon fshirjen e elementit. Aplikohet tek elementi prind me specifikimin e elementit që duhet të fshihet.

Sintaksa

prindi.removeChild(elementi);

Shembull

Le të fshijmë paragrafin #elem. Për këtë marrim prindin e tij #parent dhe metodën removeChild e aplikojmë tek prindi i marrë, dhe si parametër të metodës e kalojmë elementin që duam të fshijmë:

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

Rezultati i ekzekutimit të kodit:

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

Shembull

Nëse duhet të fshihet një element, por nuk ka referencë për prindin e tij, - prindi mund të merret përmes parentElement:

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

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

Rezultati i ekzekutimit të kodit:

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

Shihni gjithashtu

metoda remove,
me të cilën mund të fshihet një element