HTML DOMTokenList add() 方法

定義和用法

add() 方法將一個（或多個）標記（token）添加到 DOMTokenList。

實例

例子 1

將 "myStyle" 類添加到元素：

const list = element.classList;
list.add("myStyle");

親自試一試

例子 2

從元素中刪除 "myStyle" 類：

const list = element.classList;
list.remove("myStyle");

親自試一試

例子 3

切換 "myStyle" 的開閉：

const list = element.classList;
list.toggle("myStyle");

親自試一試

例子 4

向元素添加多個類：

const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");

親自試一試

例子 5

獲取元素的類標記的數量：

const list = element.classList;
let numb = list.length;

親自試一試

例子 6

獲取 "myDIV" 元素的類標記：

const list = document.getElementById("myDIV").classList;

親自試一試

例子 7

獲取 "myDIV" 元素的類標記：

let className = element.classList.item(0);

親自試一試

例子 8

元素是否擁有 "myStyle" 類標記？

let x = element.classList.contains("myStyle");

親自試一試

例子 9

如果元素擁有 "myStyle" 類標記，則刪除 "anotherClass"。

if (element.classList.contains("mystyle")) {
  element.classList.remove("anotherClass");
}

親自試一試

語法

domtokenlist.add(token)

參數

參數 描述
token 必需。要添加到列表中的標記。

返回值

無。

瀏覽器支持

domtokenlist.add() 是 DOM Level 4 (2015) 特性。

它得到所有瀏覽器的支持：

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

Internet Explorer 11（及更早版本）不支持 domtokenlist.add()。

相關頁面

length 屬性

item() 方法

remove() 方法

toggle() 方法

replace() 方法

forEach() 方法

entries() 方法

keys() 方法

values() 方法

DOMTokenList 對象