removeChild-metodi

Metodi removeChild mahdollistaa elementin poistamisen. Sovelletaan vanhempielementtiin osoittaen poistettavan elementin.

Syntaksi

vanhempi.removeChild(elementti);

Esimerkki

Poistetaan kappale #elem. Tätä varten haetaan sen vanhempi #parent ja metodia removeChild sovelletaan haettuun vanhempaan, ja metodin parametrina välitetään poistettava elementti:

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

Koodin suorituksen tulos:

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

Esimerkki

Jos elementti on poistettava, mutta viitettä sen vanhempaan ei ole, - vanhemman voi hankkia parentElement:n kautta:

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

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

Koodin suorituksen tulos:

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

Katso myös

metodi remove,
jolla elementin voi poistaa