getElementsByClassName usuli
getElementsByClassName usuli
elementlarni
class atributida berilgan klasslari
bo‘yicha olish imkonini beradi. Olingan elementlar
bilan turli manipulyatsiyalarni amalga oshirish mumkin:
ularning matnini, atributlarini, CSS uslublarini o‘zgartirish va hokazo.
Sintaksis
document.getElementsByClassName(klass nomi);
Misol
Keling, www klassiga ega bo‘lgan barcha elementlarni olamiz
va ularning matnini innerHTML xususiyati yordamida o‘zgartiramiz:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.getElementsByClassName('www');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Kodni bajarish natijasi:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Shuningdek qarang
-
querySelectorAllusuli,
selector bo‘yicha elementlar guruhini oladi -
getElementsByTagNameusuli,
teg bo‘yicha elementlar guruhini oladi
