Kļūda, iegūstot elementus JavaScript
Dažreiz iesācēji programmētāji pieļauj kļūdu,
izmantojoši, lai iegūtu DOM elementu grupu,
metodi querySelector metodes vietā
querySelectorAll.
Apskatīsim šīs kļūdas raksturīgās īpatnības. Pieņemsim, ka doti rindkopas:
<p>1</p>
<p>2</p>
<p>3</p>
Kāds programmētājs nolēma iegūt un izvadīt konsolē šo rindkopu tekstus. Lai to izdarītu, viņš iegūsa atsauces uz šiem elementiem mainīgajā, kļūdaini izmantojis ne to metodi:
let elems = document.querySelector('p');
Pēc tam viņš nolēma iziet cauri rindkopām ciklā un izvadīt katras rindkopas tekstu konsolē:
for (let elem of elems) {
console.log(elem.textContent);
}
Rezultātā konsolē parādīsies raksturīga
kļūda elems is not iterable. Tā saka,
ka mainīgais elems nav iterējams,
tas ir, nav masīvs vai kaut kas,
ko var iziet cauri ar ciklu for-of.
