Metode removeChild

Metode removeChild memungkinkan untuk menghapus elemen. Diterapkan pada elemen induk dengan menentukan elemen yang perlu dihapus.

Sintaks

induk.removeChild(elemen);

Contoh

Mari hapus paragraf #elem. Untuk melakukannya dapatkan induknya #parent dan metode removeChild diterapkan pada induk yang didapat, dan parameter metode berikan elemen yang ingin dihapus:

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

Hasil eksekusi kode:

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

Contoh

Jika perlu menghapus elemen, tetapi tidak ada referensi ke induknya, - induk dapat diperoleh melalui parentElement:

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

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

Hasil eksekusi kode:

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

Lihat juga

metode remove,
yang dapat digunakan untuk menghapus elemen