Kuunda Viungo vya Kufuta Vipengele kwa kutumia JavaScript

Acha sasa tuwe na aya nyingi:

<div id="parent">
	<p>maandishi1</p>
	<p>maandishi2</p>
	<p>maandishi3</p>
</div>

Wacha tufanye ili kila aya iongezwe kiungo cha kuifuta mwishoni.

Kwanza wacha tuweke tu utekelezaji wa kuongeza viungo:

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

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

Wacha sasa tufanye ili, ubonyeze kiungo, aya inayohusika ifutwe:

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

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

Kuna tagi ul. Ongeza mwisho wa kila tagi li kiungo cha kufuta li hii kutoka kwenye orodha.

Kuna jedwali la HTML. Ongeza safu wima nyingine, ambayo kwa kila safu mlalo ya jedwali itakuwa na kiungo cha kufuta safu hii.