JavaScript တွင် အစု၏ အရာဝတ္ထုများကို မှားယွင်းစွာကိုင်တွယ်ခြင်း အမှား

တစ်ခါတစ်ရံတွင် စတင်သုံးစွဲသူ ပရိုဂရမ်မာများသည် အစုတစ်ခုရှိ အရာဝတ္ထုများကို ၎င်းတို့တွင် အရာဝတ္ထုတစ်ခုတည်းရှိသည့်ပုံစံဖြင့် ကိုင်တွယ်ရန် ကြိုးစားတတ်ကြသည်။ ဤအမှား၏ အဓိပ္ပာယ်ကို ကြည့်ရအောင်။

စာပိုဒ်များ ပေးထားသည်ဆိုပါစို့:

<p>1</p>
<p>2</p>
<p>3</p>

ပရိုဂရမ်မာတစ်ဦးသည် စာပိုဒ်တစ်ခုစီ၏ စာသားထဲတွင် တူညီသောတန်ဖိုးကို ရေးသွင်းရန် ဆုံးဖြတ်ခဲ့သည်ဆိုပါစို့။ ဤသို့လုပ်ဆောင်ရန် ၎င်းသည် ဤအရာဝတ္ထုများသို့ ညွှန်းကိန်းများကို ကိန်းရှင်တစ်ခုထဲသို့ ရယူခဲ့သည်:

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

ထို့နောက် ကျွန်ုပ်တို့၏ ပရိုဂရမ်မာသည် အမှားအယွင်းဖြင့် ကျွန်ုပ်တို့၏ ကိန်းရှင်ကို အရာဝတ္ထုတစ်ခုတည်းရှိသည့်ပုံစံဖြင့် ကိုင်တွယ်မိခဲ့သည်၊ အစုတစ်ခုအဖြစ် မဟုတ်ပါ။ ရလဒ်အနေဖြင့် စာပိုဒ်များ၏ စာသားသည် မပြောင်းလဲသော်လည်း၊ သိသာထင်ရှားသည်မှာ console တွင်လည်း အမှားတစ်စုံတစ်ရာ မတွေ့ရပါ:

elems.textContent = '!';

ဤနေရာတွင် မှန်ကန်သောဖြေရှင်းချက်မှာ loop တစ်ခုဖြင့် အစု၏ အရာဝတ္ထုများကို ဖြတ်သန်းပြီး အရာဝတ္ထုတစ်ခုချင်းစီအတွက် လိုအပ်သောလုပ်ဆောင်ချက်ကို လုပ်ဆောင်ရန်ဖြစ်သည်:

for (let elem of elems) {
	elem.textContent = '!';
}