Napaka pri pridobivanju elementov v JavaScript

Včasih začetni programerji naredijo napako, ko za pridobivanje skupine DOM elementov uporabijo metodo querySelector namesto metode querySelectorAll.

Poglejmo si značilne značilnosti te napake. Naj so podani odstavki:

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

Neki programer se je odločil, da bo pridobil in izpisal v konzolo besedila teh odstavkov. Za to je dobil povezave na te elemente v spremenljivko, pri čemer je zmotno uporabil napačno metodo:

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

Nato se je odločil, da bo prešel odstavke z zanko in izpisal besedilo vsakega odstavka v konzolo:

for (let elem of elems) {
	console.log(elem.textContent);
}

Kot rezultat se bo v konzoli pojavila značilna napaka elems is not iterable. Ta pove, da spremenljivka elems ni iterabilna, kar pomeni, da ni matrika ali nekaj, kar je mogoče prebrati z zanko for-of.