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

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

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

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

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

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

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

elems.textContent = '!';

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

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