JavaScript හි මූලද්‍රව්‍යයක් ඉවත් කිරීමට සබැඳියක්

අපට ඡේදයක් ඇතැයි සිතමු. අපි එය අසල සබැඳියක් සාදමු, එය භාවිතා කර එම ඡේදය ඉවත් කළ හැකිය.

අපි ක්‍රියාත්මක කරමු:

<div id="parent">
	<p id="elem">text</p>
	<a href="#" id="remove">remove</a>
</div>

let elem   = document.querySelector('#elem');
let remove = document.querySelector('#remove');

remove.addEventListener('click', function() {
	elem.remove();
});

සබැඳියේ href ගුණාංගයේ # ලකුණ ඇති බව සලකන්න. මෙම hash ලකුණ ඉවත් කළහොත් - අපට සබැඳිය හරහා සංක්‍රමණය සහ, එහි ප්‍රතිඵලයක් ලෙස, පිටුව නැවුම් කිරීම ලැබේ.

ඇත්ත වශයෙන්ම, ඡේදය ඉවත් කිරීම ද සිදුවනු ඇත, නමුත් අපි එය දකින්නේ නැත, මන්ද පිටුව නැවුම් වී අනෙක් සියල්ලම මුල් තත්ත්වයට පත්වනු ඇත.

මෙම ගැටළුව විසඳීම සඳහා, preventDefault භාවිතයෙන් සබැඳිය හරහා සංක්‍රමණය වළක්වා ගත යුතුය:

<div id="parent">
	<p id="elem">text</p>
	<a href="" id="remove">remove</a>
</div>

let elem   = document.querySelector('#elem');
let remove = document.querySelector('#remove');

remove.addEventListener('click', function(event) {
	elem.remove();
	event.preventDefault(); // සබැඳිය හරහා සංක්‍රමණය අවලංගු කරයි
});

ස්වාධීනව, මගේ කේතය දෙස නොබලා, විස්තර කරන ලද කාර්යය විසඳන්න.