Грешка при добијању елемената у JavaScript

Понекад почетни програмери праве грешку користећи за добијање групе DOM елемената метод querySelector уместо методе querySelectorAll.

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

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

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

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

Затим је одлучио да пређе пасусе петљом и испише текст сваког пасуса у конзолу:

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

Као резултат у конзоли ће се појавити карактеристична грешка elems is not iterable. Она говори да променљива elems није итерабилна, односно није низ или нешто што се може прећи петљом for-of.