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 物件