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 цикл аркылуу айланып өтүүгө боло турган нерсе эмес деп билдирет.