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