码农教程 - 一技在手,衣食无忧! tools

目录

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()方法将一个（或多个）标记添加到DOM令牌列表。

也可以看看：

长度属性

item() 方法

移除()方法

切换（）方法

替换()方法

forEach() 方法

Entry() 方法

key() 方法

value() 方法

DOMTokenList 对象

语法

domtokenlist.add(token)

参数

Parameter Description
token Required.
The token(s) to add to the list.

返回值

没有任何

更多示例

向 an 元素添加多个类：

const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");
亲自试一试 »

获取元素的类标记数量：

const list = element.classList;
let numb = list.length;
亲自试一试 »

获取 "myDIV" 元素的类标记：

const list = document.getElementById("myDIV").classList;
亲自试一试 »

获取元素的第一类标记：

let className = element.classList.item(0);
亲自试一试 »

an 元素是否具有 "myStyle" 类标记？

let x = element.classList.contains("myStyle");
亲自试一试 »

如果元素具有 "myStyle" 类标记，则删除 "anotherClass"。

if (element.classList.contains("mystyle")) {
  element.classList.remove("anotherClass");
}
亲自试一试 »

浏览器支持

domtokenlist.add()是 DOM Level 4 (2015) 功能。

所有现代浏览器都支持它：

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

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

❮ DOMTokenList 对象