Penghapusan Elemen dalam JavaScript
Sekarang mari kita belajar cara menghapus elemen.
Untuk ini, perlu menggunakan
kaedah remove. Mari lihat
cara melakukannya dengan contoh.
Katakan kita mempunyai perenggan:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Mari kita buat supaya mana-mana perenggan dihapuskan apabila diklik:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Diberi kod berikut:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Buat supaya mana-mana li dihapuskan
apabila diklik.
Diberi kod berikut:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Buat supaya untuk setiap klik pada butang,
elemen terakhir dari #parent dihapuskan.
