Elemek lekérésekor fellépő hiba JavaScriptben

Időnként a kezdő programozók hibát követnek el azzal, hogy a DOM elemek csoportos lekéréséhez a querySelector metódust használják a querySelectorAll metódus helyett.

Nézzük meg ennek a hibának a jellemző jellegzetességeit. Tegyük fel, hogy adottak a következő bekezdések:

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

Egy programozó úgy döntött, hogy meg szeretné szerezni és ki szeretné írni a konzolra ezeknek a bekezdéseknek a szövegét. Ehiek hivatkozásokat gyűjtött ezekre az elemekre egy változóba, de tévesen nem a megfelelő metódust használta:

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

Ezután úgy döntött, hogy egy ciklussal bejárja a bekezdéseket és minden egyes bekezdés szövegét kiírja a konzolra:

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

Ennek eredményeképpen a konzolon egy jellemző hiba jelenik meg: elems is not iterable. Ez azt jelzi, hogy a elems változó nem iterálható, vagyis nem egy tömb, vagy olyasvalami, amin a for-of ciklussal lehet iterálni.