HTML DOMTokenList toggle()
❮ DOMTokenList 对象示例
切换“myStyle”的启用和禁用
const list = element.classList;
list.toggle("mywStyle");
试试看 »
向元素添加“myStyle”类
const list = element.classList;
list.add("myStyle");
试试看 »
从元素中删除“myStyle”类
const list = element.classList;
list.remove("myStyle");
试试看 »
更多示例如下。
描述
The add() 方法将一个（或多个）标记添加到 DOMTokenList 中。
语法
domtokenlist.toggle(token)
参数
| 参数 | 描述 |
| token | 必需的。 要切换的标记。 |
返回值
| 无 |
更多示例
在类之间切换以创建下拉按钮
document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
试试看 »
浏览器支持
domtokenlist.toggle() 是 DOM Level 4 (2015) 的功能。
它在所有现代浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera |
| 是 | 是 | 是 | 是 | 是 |
domtokenlist.toggle() 在 Internet Explorer 11（或更早版本）中不受支持。
❮ DOMTokenList 对象
