Mencipta Pautan untuk Memadam Elemen dalam JavaScript

Sekarang katakan kita mempunyai banyak perenggan:

<div id="parent">
	<p>text1</p>
	<p>text2</p>
	<p>text3</p>
</div>

Mari kita buat supaya setiap perenggan mempunyai pautan padam ditambah pada penghujungnya.

Sebagai permulaan, mari kita laksanakan penambahan pautan:

let elems = document.querySelectorAll('#parent p');

for (let elem of elems) {
	let remove = document.createElement('a');
	remove.href = '';
	remove.textContent = 'remove';
	
	elem.appendChild(remove);
}

Sekarang mari kita buat supaya apabila pautan diklik, perenggan yang sepadan akan dipadam:

let elems = document.querySelectorAll('#parent p');

for (let elem of elems) {
	let remove = document.createElement('a');
	remove.href = '';
	remove.textContent = 'remove';
	elem.appendChild(remove);
	
	remove.addEventListener('click', function(event) {
		elem.remove();
		event.preventDefault();
	});
}

Diberi tag ul. Tambahkan pautan padam pada hujung setiap tag li untuk memadam li tersebut daripada senarai.

Diberi jadual HTML. Tambahkan satu lajur lagi padanya, di mana setiap baris jadual akan mempunyai pautan untuk memadam baris tersebut.