Метод toggle()
Примеры domtokenlist.toggle()
Включение и выключение "mywStyle":
const list = element.classList;
list.toggle("myStyle");
Попробуйте сами »
Добавьте класс "myStyle" к элементу:
const list = element.classList;
list.add("myStyle");
Попробуйте сами »
Удалить класс "myStyle" из элемента:
const list = element.classList;
list.remove("myStyle");
Попробуйте сами »
Ещё примеры ниже.
Описание toggle()
Метод toggle() переключает наличие токена (класса) в списке DOMTokenList.
Связные страницы toggle()
Синтаксис toggle()
domtokenlist.toggle(token)
Параметры toggle()
| Параметр | Описание |
|---|---|
| token | Обязательно. Токен для переключения. |
Возвращаемое значение toggle()
| НЕТ |
Ещё примеры toggle()
Добавьте несколько классов к элементу:
element.classList.add("myStyle", "anotherClass", "thirdClass");
Попробуйте сами »
Удалить несколько классов из элемента:
element.classList.remove("myStyle", "anotherClass", "thirdClass");
Попробуйте сами »
Переключайтесь между классами, чтобы создать раскрывающуюся кнопку:
document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
Попробуйте сами »
Поддержка toggle()
domtokenlist.toggle() является функцией DOM уровня 4 (2015).
Поддерживается во всех современных браузерах:
| Chrome | Edge | Firefox | Safari | Opera |
| Да | Да | Да | Да | Да |
domtokenlist.toggle() не поддерживается в Internet Explorer 11 (и более ранних версиях).