ClassList obyektining toggle metodi

classList obyektining toggle metodi elementning berilgan CSS klassini almashtiradi: agar klas mavjud bo‘lmasa, qo‘shadi va mavjud bo‘lsa, o‘chiradi.

Sintaksis

element.classList.toggle(klas);

Misol

Bu misolda toggle metodidan foydanganda zzz klassi o‘chib ketadi, chunki u elementda allaqachon mavjud:

let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Kod bajarish natijasi:

Misol

Bu misolda toggle metodidan foydanganda zzz klassi qo‘shiladi, chunki u elementda mavjud emas:

let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Kod bajarish natijasi:

Shuningdek qarang

classList.add metodi,
berilgan klassni qo‘shadi
classList.remove metodi,
berilgan klassni o‘chiradi
classList.contains metodi,
berilgan klassni tekshiradi