Грешка при пристап до низа од елементи во JavaScript

Понекогаш почетните програмери се обидуваат да работат со низа од елементи како да имаат само еден елемент. Ајде да погледнеме, која е суштината на оваа грешка.

Нека се дадени параграфи:

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

Нека некој програмер одлучил да запише во текстот на секој параграф иста вредност. За да го направи тоа, ги добил линковите кон овие елементи во променлива:

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

Потоа, нашиот програмер погрешно пристапил кон нашата променлива како таму да лежи само еден елемент, а не низа. Како резултат, текстот на параграфите нема да се промени, но, карактеристично е дека нема да има грешка во конзолата:

elems.textContent = '!';

Правилното решение овде би било да се премине низ низата од елементи со циклус и за секој елемент посебно да се изврши потребната операција:

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