Metoda removeChild

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

Sintaksa

javascriptprindi.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ë:

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

Rezultati i ekzekutimit të kodit:

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

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

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

Rezultati i ekzekutimit të kodit:

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

Shihni gjithashtu