classList объектинин toggle методу

classList объектинин toggle методу элементтин берилген CSS классын алмаштырат: классду кошот, эгерде ал жок болсо жана өчүрөт, эгерде бар болсо.

Синтаксис

javascriptelement.classList.contains(class);

Мисал

Бул мисалда toggle методу колдонулганда zzz классы өчүрүлөт, анткени ал элементте мурунтан эле бар:

html<p id="elem" class="www ggg zzz"></p>

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

Кодду иштетүүнүн натыйжасы:

html<p id="elem" class="www ggg"></p>

Мисал

Бул мисалда toggle методу колдонулганда zzz классы кошулат, анткени ал элементте жок:

html<p id="elem" class="www ggg"></p>

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

Кодду иштетүүнүн натыйжасы:

html<p id="elem" class="www ggg zzz"></p>

Ошондой эле караңыз