JavaScript භාවිතයෙන් අංග මකාදැමීම සඳහා සබැඳි නිර්මාණය කිරීම

දැන් අප සතුව බොහෝ ඡේද ඇතැයි සිතමු:

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

එක් එක් ඡේදය අවසානයට එය මකාදැමීම සඳහා වන සබැඳියක් එකතු කරන ලෙස කරමු.

පළමුව, සබැඳි එකතු කිරීම සරලව ක්‍රියාත්මක කරමු:

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

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

දැන්, සබැඳියක් මත ක්ලික් කිරීමෙන්, ඊට අනුරූප ඡේදය මකා දැමෙන ලෙස කරමු:

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

ul ටැගය ලබා දී ඇත. එක් එක් li ටැගය අවසානයට, මෙම li ලැයිස්තුවෙන් මකාදැමීම සඳහා වන සබැඳියක් එකතු කරන්න.

HTML වගුවක් ලබා දී ඇත. එයට තවත් එක් තීරුවක් එකතු කරන්න, එහිදී වගු පේළියක් අවසානයට මෙම පේළිය මකාදැමීම සඳහා වන සබැඳියක් තිබේ.