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методи,
берилган класни текширади
