querySelectorAll metodi
querySelectorAll metodi sahifa elementlarini
ixtiyoriy CSS selektori bo‘yicha olish imkonini beradi.
Olingan elementlar bilan turli manipulyatsiyalarni amalga oshirish
mumkin: ularning matnini, atributlarini, CSS uslublarini
o‘zgartirish va hokazo.
Sintaksis
document.querySelectorAll(selektor);
Misol
Keling, www klassiga ega bo‘lgan barcha elementlarni olaylik
va ularning matnini textContent xususiyati yordamida o‘zgartirelik:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.querySelectorAll('.www');
for (let elem of elems) {
elem.textContent = '!!!';
}
Kodni bajarish natijasi:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Shuningdek qarang
-
querySelectormetodi,
bu selektor bo‘yicha elementni oladi -
getElementsByClassNamemetodi,
bu klass bo‘yicha elementlar guruhini oladi -
getElementsByTagNamemetodi,
bu teg bo‘yicha elementlar guruhini oladi
