classList объектинин toggle методу
classList объектинин toggle методу
элементтин берилген CSS классын алмаштырат: классду
кошот, эгерде ал жок болсо жана өчүрөт, эгерде бар болсо.
Синтаксис
element.classList.contains(class);
Мисал
Бул мисалда toggle методу колдонулганда
zzz классы өчүрүлөт, анткени
ал элементте мурунтан эле бар:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Кодду иштетүүнүн натыйжасы:
<p id="elem" class="www ggg"></p>
Мисал
Бул мисалда toggle методу колдонулганда
zzz классы кошулат, анткени
ал элементте жок:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Кодду иштетүүнүн натыйжасы:
<p id="elem" class="www ggg zzz"></p>
Ошондой эле караңыз
-
classList.addметоду,
берилген классды кошот -
classList.removeметоду,
берилген классды өчүрөт -
classList.containsметоду,
берилген классды текшерет
