Памылка атрымання элементаў у 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 не iтэрабельна, гэта значыць не з'яўляецца масівам ці чымсьці, што можна перабраць праз цыкл for-of.