Penghapusan Diri Elemen Baharu pada JavaScript
Dalam pelajaran sebelumnya, kita telah belajar untuk membuat elemen memadamkan diri mereka sendiri apabila diklik.
Sekarang, katakan tiada elemen dalam elemen induk pada mulanya:
<div id="parent"></div>
Mari kita buat 9 perenggan baharu dalam gelung,
sambil memastikan mana-mana perenggan dipadamkan
apabila diklik:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = i;
p.addEventListener('click', function() {
this.remove();
});
parent.appendChild(p);
}
Diberi kod berikut:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Buat agar apabila butang diklik,
satu elemen baharu ditambah ke dalam
senarai. Buat agar mana-mana li dipadamkan apabila
diklik. Ini merujuk kepada kedua-dua li yang sedia ada
dalam senarai, dan yang baharu, dicipta selepas
butang ditekan.
