HTML DOMTokenList add()
❮ DOMTokenList 对象示例
为元素添加 "myStyle" 类
const list = element.classList;
list.add("myStyle");
自己动手试一试 »
从元素中移除 "myStyle" 类
const list = element.classList;
list.remove("myStyle");
自己动手试一试 »
切换 "myStyle" 的开/关状态
const list = element.classList;
list.toggle("myStyle");
自己动手试一试 »
更多示例见下文。
描述
add()
方法将一个(或多个)令牌添加到 DOMTokenList 中。
语法
domtokenlist.add(token)
参数
参数 | 描述 |
token | 必需。 要添加到列表中的令牌。 |
返回值
无 |
更多示例
向元素添加多个类
const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");
自己动手试一试 »
如果一个元素具有 "myStyle" 类令牌,则移除 "anotherClass"。
if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");
}
自己动手试一试 »
浏览器支持
domtokenlist.add()
是 DOM Level 4 (2015) 的特性。
所有现代浏览器都支持它
Chrome | Edge | Firefox | Safari | Opera |
是 | 是 | 是 | 是 | 是 |
domtokenlist.add()
不支持 Internet Explorer 11(或更早版本)。
❮ DOMTokenList 对象