classList ob'ektining add metodi
classList
ob'ektining add metodi
elementga CSS klasslarini qo'shish imkoniyatini beradi.
Sintaksis
element.classList.add(klass);
Misol
Elementga kkk klassini qo'shamiz:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Kodni bajarish natijasi:
<p id="elem" class="www ggg zzz kkk"></p>
Misol
Elementga allaqachon mavjud bo'lgan zzz
klassini qo'shamiz - hech narsa bo'lmaydi,
chunki klasslar dublikatlari qo'shilmaydi:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Kodni bajarish natijasi:
<p id="elem" class="www ggg zzz"></p>
Shuningdek qarang
-
classList.removemetodi,
berilgan klassni olib tashlaydi -
classList.containsmetodi,
berilgan klassni tekshiradi -
classList.togglemetodi,
berilgan klassni almashtiradi
