Chyba při získávání prvků v JavaScriptu
Někdy začínající programátoři dělají chybu,
když pro získání skupiny DOM prvků používají
metodu querySelector místo metody
querySelectorAll.
Podívejme se na charakteristické rysy této chyby. Předpokládejme dané odstavce:
<p>1</p>
<p>2</p>
<p>3</p>
Jistý programátor se rozhodl získat a vypsat do konzole texty těchto odstavců. K tomu získal odkazy na tyto prvky do proměnné, chybně použiv nesprávnou metodu:
let elems = document.querySelector('p');
Poté se rozhodl projít odstavce cyklem a vypsat text každého odstavce do konzole:
for (let elem of elems) {
console.log(elem.textContent);
}
V důsledku se v konzoli objeví charakteristická
chyba elems is not iterable. Ta říká,
že proměnná elems není iterovatelná,
to znamená, že není polem nebo něčím,
co lze projít pomocí cyklu for-of.
