Грешка при добивање на елементи во 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.