Усули toggle объекти classList
Усули toggle объекти classList
алтернативи 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,
ки класси муайянкардаро тафтиш мекунад