Klaida gaunant elementus JavaScript
Kartais pradedantieji programuotojai daro klaidą,
naudodami DOM elementų grupei gauti
metodą querySelector vietoj metodo
querySelectorAll.
Pažiūrėkime į būdingus šios klaidos požymius. Tegu duoti paragrafai:
<p>1</p>
<p>2</p>
<p>3</p>
Kažkoks programuotojas nusprendė gauti ir išvesti į konsolę šių paragrafų tekstus. Tam jis gavo nuorodas į šiuos elementus į kintamąjį, klaidingai panaudojęs ne tą metodą:
let elems = document.querySelector('p');
Tada jis nusprendė pereiti paragrafus ciklu ir išvesti kiekvieno paragrafo tekstą į konsolę:
for (let elem of elems) {
console.log(elem.textContent);
}
Dėl to konsolėje pasirodo būdinga
klaida elems is not iterable. Ji kalba,
kad kintamasis elems nėra iteruojamas,
tai yra, nėra masyvas ar kažkas,
ką galima pereiti per ciklą for-of.
