Metodas removeChild

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

Sintaksė

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

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

Kodo vykdymo rezultatas:

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

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

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

Kodo vykdymo rezultatas:

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

Taip pat žiūrėkite

metodas remove,
kuriuo galima pašalinti elementą