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");
自己动手试一试 »
更多示例见下文。
描述
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 对象