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

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

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

Resultaat van die kode-uitvoering:

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

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

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

Resultaat van die kode-uitvoering:

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

Sien ook

metode remove,
waarmee jy 'n element kan verwyder