JavaScript တွင် အစိတ်အပိုင်းများကို ဖယ်ရှားခြင်း

ယခု အစိတ်အပိုင်းများကို ဖယ်ရှားနည်းကို သင်ကြပါစို့။ ဒီအတွက် remove method ကို အသုံးပြုရန် လိုအပ်ပါသည်။ ဘယ်လိုလုပ်ဆောင်ရမလဲဆိုတာ ဥပမာတစ်ခုဖြင့် ကြည့်ရအောင်။ ကျွန်ုပ်တို့တွင် အောက်ပါစာပိုဒ်များ ရှိသည်ဆိုပါစို့။

<p>အစိတ်အပိုင်း ၁</p>
<p>အစိတ်အပိုင်း ၂</p>
<p>အစိတ်အပိုင်း ၃</p>
<p>အစိတ်အပိုင်း ၄</p>
<p>အစိတ်အပိုင်း ၅</p>

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

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

for (let elem of elems) {
	elem.addEventListener('click', function() {
		elem.remove();
	});
}

အောက်ပါကုဒ်ကို ပေးထားသည်။

<ul>
	<li>၁</li>
	<li>၂</li>
	<li>၃</li>
</ul>

li တစ်ခုစီအပေါ် ကလစ်နှိပ်လိုက်သည်နှင့် ဖယ်ရှားသွားစေရန် ပြုလုပ်ပါ။

အောက်ပါကုဒ်ကို ပေးထားသည်။

<ul id="parent">
	<li>၁</li>
	<li>၂</li>
	<li>၃</li>
</ul>

<input type="submit" id="button">

ခလုတ်ပေါ်တွင် ကလစ်နှိပ်တိုင်း #parent မှ နောက်ဆုံးအစိတ်အပိုင်းကို ဖယ်ရှားသွားစေရန် ပြုလုပ်ပါ။