removeChild-metode

Die metode removeChild laat jou toe om 'n element te verwyder. Word toegepas op die ouerelement met spesifisering van die element wat verwyder moet word.

Sintaksis

javascriptouer.removeChild(element);

Voorbeeld

Kom ons verwyder die paragraaf #elem. Om dit te doen, kry ons sy ouer #parent en pas die removeChild metode toe op die verkrygde ouer, en gee die element wat ons wil verwyder as parameter aan die metode:

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

Resultaat van die kode-uitvoering:

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

Voorbeeld

As jy 'n element moet verwyder, maar daar is geen verwysing na sy ouer nie, - kan die ouer verkry word deur parentElement:

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

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

Resultaat van die kode-uitvoering:

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

Sien ook