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>

Шунингдек қаранг