Eroare la accesarea unui tablou de elemente în JavaScript

Uneori, programatorii începători încearcă să lucreze cu un tablou de elemente ca și cum ar fi un singur element. Să vedem care este esența acestei erori.

Să presupunem că avem următoarele paragrafe:

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

Să presupunem că un programator a decis să scrie în textul fiecărui paragraf aceeași valoare. Pentru a face acest lucru, a obținut referințele către aceste elemente într-o variabilă:

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

Apoi, programatorul nostru a greșit și a accesat variabila noastră ca și cum ar conține un singur element, și nu un tablou. Ca rezultat, textul paragrafelor nu se va schimba, dar, caracteristic, nici nu va apărea o eroare în consolă:

elems.textContent = '!';

Soluția corectă aici ar fi să parcurgem tabloul de elemente cu un ciclu și pentru fiecare element în parte să executăm operația necesară:

for (let elem of elems) {
	elem.textContent = '!';
}