classList объектісінің toggle әдісі
classList объектісінің toggle әдісі
элементтің көрсетілген CSS сыныбын ауыстырады: сынып
жоқ болса қосады, бар болса жояды.
Синтаксис
элемент.classList.toggle(сынып);
Мысал
Бұл мысалда 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әдісі,
көрсетілген сыныпты тексеріп көреді
