removeChild-metodi

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

Syntaksi

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

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

Koodin suorituksen tulos:

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

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

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

Koodin suorituksen tulos:

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

Katso myös