DOMTokenList：add() 方法

语法

add(token1)
add(token1, token2)
add(token1, token2, /* …, */ tokenN)

参数

tokenN

表示要添加到 DOMTokenList 中的一个或多个标记的字符串。

返回值

无。

异常

SyntaxError DOMException

当任意参数为空字符串时抛出。

InvalidCharacterError DOMException

当标记中包含 ASCII 空白字符时抛出。

示例

在以下示例中，我们使用 Element.classList 获取设置在 <span> 元素上的类列表（即一个 DOMTokenList）。随后，我们向该列表中添加一个新的标记，并将更新后的列表写入 <span> 元素的 Node.textContent 中。

首先是 HTML：

<span class="a b c"></span>

接着是 JavaScript：

const span = document.querySelector("span");
const classes = span.classList;
classes.add("d");
span.textContent = classes;

输出结果如下所示：

你也可以一次性添加多个标记：

span.classList.add("d", "e", "f");

规范

浏览器兼容性