JavaScriptте элементтерді алу қатесі

Кейде бағдарламалауды жаңа бастағандар DOM элементтер тобын алу үшін querySelectorAll әдісінің орнына querySelector әдісін қолдану қателігін жібереді.

Осы қателіктің тән ерекшеліктерін қарастырайық. Берілген абзацтар:

<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 циклі арқылы аралауға болатын нәрсе емес екенін білдіреді.