Metodas removeChild

Metodas removeChild leidžia pašalinti elementą. Taikomas tėviniam elementui nurodant elementą, kurį reikia pašalinti.

Sintaksė

javascripttėvas.removeChild(elementas);

Pavyzdys

Pašalinkime pastraipą #elem. Tam gausime jos tėvą #parent ir metodą removeChild taikysime gautam tėvui, o metodo parametru perduosime elementą, kurį norime pašalinti:

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

Kodo vykdymo rezultatas:

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

Pavyzdys

Jei reikia pašalinti elementą, bet nėra nuorodos į jo tėvą, - tėvą galima gauti per parentElement:

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

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

Kodo vykdymo rezultatas:

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

Taip pat žiūrėkite