JavaScript-da elementlar guruhini olish

Oldingi darslarda biz querySelector usuli yordamida bitta sahifa elementini olgan edik. Endi esa elementlar guruhini olishni va bir nechta elementlar bilan biror amallarni bajarishni o‘rganish vaqti keldi.

Buning uchun querySelectorAll usuli mavjud bo‘lib, u CSS selektoriga mos keladigan barcha teglarni elementlar massivi ko‘rinishida oladi. Topilgan elementlar bilan biror narsa qilish uchun olingan massiv bilan ishlash kerak, masalan, uni tsikl yordamida aylantirish va tsikl davomida har bir element bilan alohida amal bajarish.

Faraz qilaylik, masalan, bizda www klassiga ega bo‘lgan abzatslar berilgan:

html<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>

Keling, ushbu abzatslarning massivini olamiz, ularni tsikl yordamida aylantiramiz va tsikl davomida topilgan abzatslarning matnlarini konsolga chiqaramiz:

javascriptlet elems = document.querySelectorAll('.www');

for (let elem of elems) {
  console.log(elem.textContent);
}

Endi esa keling, har bir abzats matnining oxiriga undov belgisini qo‘shamiz:

javascriptlet elems = document.querySelectorAll('.www');

for (let elem of elems) {
  elem.textContent = elem.textContent + '!';
}