Eroare la obținerea elementelor în JavaScript

Uneori, programatorii începători fac greșeala de a utiliza pentru obținerea unui grup de elemente DOM metoda querySelector în locul metodei querySelectorAll.

Să analizăm caracteristicile distinctive ale acestei erori. Să presupunem că avem următoarele paragrafe:

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

Un programator a decis să obțină și să afișeze în consolă textele acestor paragrafe. Pentru a face acest lucru, a stocat referințele către aceste elemente într-o variabilă, utilizând în mod eronat metoda greșită:

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

Apoi, el a decis să parcurgă paragrafele cu un ciclu și să afișeze textul fiecărui paragraf în consolă:

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

Ca rezultat, în consolă va apărea o eroare caracteristică elems is not iterable. Aceasta indică faptul că variabila elems nu este iterabilă, adică nu este un array sau ceva ce poate fi parcurs cu un ciclu for-of.