Chyba pri získavaní prvkov v JavaScripte
Niekedy začiatoční programátori robia chybu,
keď pre získanie skupiny DOM prvkov
použijú metódu querySelector namiesto metódy
querySelectorAll.
Pozrime sa na charakteristické črty tejto chyby. Predpokladajme, že máme dané odseky:
<p>1</p>
<p>2</p>
<p>3</p>
Nejaký programátor sa rozhodol získať a vypísať do konzoly texty týchto odsekov. Na to získal odkazy na tieto prvky do premennej, ale chybne použil nesprávnu metódu:
let elems = document.querySelector('p');
Potom sa rozhodol prechádzať odseky cyklom a vypísať text každého odseku do konzoly:
for (let elem of elems) {
console.log(elem.textContent);
}
V dôsledku toho sa v konzole objaví charakteristická
chyba elems is not iterable. Hovorí nám,
že premenná elems nie je iterovateľná,
čiže nie je pole alebo niečo,
čo možno prechádzať cez cyklus for-of.
