JavaScriptте бир элементти алуу катасы

Кээде башталгыч программачылар бир DOM элементин алуу үчүн <querySelector> ыкмасынын ордуна <querySelectorAll> ыкмасын колдонуу катасын жышыраак кетиришет.

Келгиле, бул катанын мүнөздүү өзгөчөлүктөрүн карап көрөлү. Айталы, мындай абзац берилсин:

<p>текст</p>

Бир программачы бул абзацтын текстин алып, өзгөртүүнү чечкен. Бул үчүн ал элементке шилтемені алуу үчүн өзгөрмөгө туура эмес ыкманы колдонуп калды:

let elem = document.querySelectorAll('p');

Андан кийин программачы абзацтын текстин өзгөртүүгө аракет кылган. Бирок, абзацтын тексти өзгөргөн жок:

elem.textContent = '!!!'; // иштеген жок

Бул учурда консольдо эч кандай ката чыккан жок. Маселе мында: жарактуу амал аткарылган, бирок бир элементке эмес, топко колдонулган. Ал эми топтогу элементтердин текстин окуу же өзгөртүү цикл менен айланып чыгып, ар бир элементке өзүнчө кайрылбастан жөн эле мүмкүн эмес.

Катаны кантип табуу керек

Келгиле, программачы катаны табуу үчүн кандай аракеттерди кылуу керек экенин карап көрөлү. Иш жүзүндө, бир аз тажрыйбага ээ болуп, аны мүнөздүү белгилери боюнча табуу оңой.

Бирок, мындай болбосун деп айталы. Ошондо программачы каталарды издеп жатканда биринчи аракети өзгөрмөлөрдүн маанилерин консольго чыгаруу болушу керек. Анын учурда бир эле өзгөрмө бар - <elem>. Бул өзгөрмөнүн маанисин чыгарып, анын ичинде эмне бар экенин көрүү керек:

let elem = document.querySelectorAll('p');
console.log(elem); // бир элементти эмес, массивди чыгарат

Консолдо дароо эле өзгөрмөдө бир элемент эмес, массив бар экени көрүнөт. Бул элементти алуу ыкмасында ката кеткенин тууралуу дароо эле айкын көрсөтмө берет.