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

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

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

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

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

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

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

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

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

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

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

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