toggle()
HTML DOMTokenList toggle()
❮ DOMTokenList obyektiMisollar
"myStyle" klassini yoqib-o‘chiring (toggle):
const list = element.classList;
list.toggle("mywStyle");
O‘zingiz sinab ko‘ring »
Elementga "myStyle" klassini qo‘shing:
const list = element.classList;
list.add("myStyle");
O‘zingiz sinab ko‘ring »
Elementdan "myStyle" klassini olib tashlang:
const list = element.classList;
list.remove("myStyle");
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
add() metodi DOMTokenList ro‘yxatiga bir (yoki bir nechta) token qo‘shadi.
Sintaksis
domtokenlist.toggle(token)
Parametrlar
| Parametr | Tavsif |
| token | Majburiy. Yoqib-o‘chiriladigan (toggle) token. |
Qaytariladigan qiymat
| YO‘Q |
Ko‘proq misollar
Elementga bir nechta klass qo‘shing:
element.classList.add("myStyle", "anotherClass", "thirdClass");
O‘zingiz sinab ko‘ring »
Elementdan bir nechta klassni olib tashlang:
element.classList.remove("myStyle", "anotherClass", "thirdClass");
O‘zingiz sinab ko‘ring »
Ochiladigan menyu (dropdown) tugmasini yaratish uchun klasslarni navbatma-navbat almashtiring:
document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
domtokenlist.toggle() — DOM Level 4 (2015) imkoniyati.
U barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera |
| Ha | Ha | Ha | Ha | Ha |
❮ DOMTokenList obyekti
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!