Hitilafu ya Kurejelea Safu ya Vipengele katika JavaScript
Wakati mwingine waandaaji wa programu wanaoanza hujaribu kufanya kazi na safu ya vipengele kana kwamba wana kipengele kimoja. Wacha tuone, kiini cha hitilafu hii kipi.
Hebu kupewe aya:
<p>1</p>
<p>2</p>
<p>3</p>
Hebu mtaalamu fulani wa programu akaamua kuandika katika maandishi ya kila aya thamani ile ile. Ili kufanya hivyo, alipata viungo kwa hizi vipengele kwenye kutofautisha:
let elems = document.querySelectorAll('p');
Kisha mtaalamu wetu wa programu alichukua kwa makosa na akarejelea kwenye kutofautisha kwetu hivi, kana kwamba kuna kipengele kimoja, na sio safu. Matokeo yake, maandishi ya aya hayatabadilika, lakini, jambo la kawaida ni kwamba, na hitilafu katika konsole haitakuwapo:
elems.textContent = '!';
Suluhisho sahihi hapa litakuwa kupitia safu ya vipengele kwa kitanzi na kwa kila kipengele tofauti kufanya operesheni inayohitajika:
for (let elem of elems) {
elem.textContent = '!';
}
