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)

参数

返回值

无。

浏览器支持

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

它得到所有浏览器的支持：

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

相关页面

length 属性

item() 方法

remove() 方法

toggle() 方法

replace() 方法

forEach() 方法

entries() 方法

keys() 方法

values() 方法

DOMTokenList 对象