Kaedah removeChild

Kaedah removeChild membolehkan pemadaman elemen. Digunakan pada elemen induk dengan menyatakan elemen yang perlu dipadam.

Sintaks

induk.removeChild(elemen);

Contoh

Mari padamkan perenggan #elem. Untuk ini dapatkan induknya #parent dan kaedah removeChild gunakan pada induk yang diperoleh, dan parameter kaedah berikan elemen yang ingin dipadam:

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

Keputusan pelaksanaan kod:

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

Contoh

Jika perlu memadam elemen, tetapi rujukan kepada induknya tiada, - induk boleh diperoleh melalui parentElement:

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

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

Keputusan pelaksanaan kod:

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

Lihat juga

kaedah remove,
yang boleh digunakan untuk memadam elemen