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 对象