JavaScript တွင် အရာဝတ္ထုများကို ဖျက်ရန် လင့်ခ်များ ဖန်တီးခြင်း

ယခု ကျွန်ုပ်တို့တွင် စာပိုဒ်များစွာ ရှိသည်ဆိုပါစို့။

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

စာပိုဒ်တစ်ခုစီ၏ နောက်ဆုံးတွင် ၎င်းကို ဖျက်ရန် လင့်ခ်တစ်ခု ထည့်သွင်းကြပါစို့။

အစပိုင်းတွင် လင့်ခ်များ ထည့်သွင်းခြင်းကို ရိုးရှင်းစွာ အကောင်အထည်ဖော်ကြည့်ကြပါမည်။

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

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

ယခု လင့်ခ်တစ်ခုကို နှိပ်လိုက်သည်နှင့် ၎င်းနှင့် သက်ဆိုင်ရာ စာပိုဒ်ကို ဖျက်ပစ်နိုင်အောင် ပြုလုပ်ကြပါစို့။

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