Meetod removeChild

Meetod removeChild võimaldab elementi kustutada. Rakendub vanemelemendile määrates ära elemendi, mida soovitakse kustutada.

Süntaks

vanem.removeChild(element);

Näide

Kustutame lõigu #elem. Selleks saame selle vanema #parent ja meetodi removeChild rakendame saadud vanemale, parameetriks edastades elemendi, mida soovime kustutada:

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

Koodi täitmise tulemus:

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

Näide

Kui on vaja elementi kustutada, kuid viidet selle vanemale pole, - vanemat saab parentElement kaudu:

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

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

Koodi täitmise tulemus:

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

Vaata ka

meetod remove,
mille abil saab elementi kustutada