removeChild metode

Metode removeChild ļauj dzēst elementu. Tiek lietota vecākelementam ar norādīto elementu, kas jādzēš.

Sintakse

vecāks.removeChild(elements);

Piemērs

Dzēsim rindkopu #elem. Šim nolūkam iegūsim tās vecāku #parent un metodi removeChild lietosim iegūtajam vecākam, bet kā metodes parametru padosim elementu, ko vēlamies dzēst:

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

Koda izpildes rezultāts:

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

Piemērs

Ja nepieciešams dzēst elementu, bet nav atsauces uz tā vecāku, - vecāku var iegūt caur parentElement:

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

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

Koda izpildes rezultāts:

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

Skatiet arī

metode remove,
ar kuras palīdzību var dzēst elementu