DOMTokenList: add() 方法

语法

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

参数

tokenN

一个代表要添加到 DOMTokenList 的 token（或 tokens）的字符串。

返回值

无。

异常

SyntaxError DOMException

如果其中一个参数为空字符串，则抛出此异常

InvalidCharacterError DOMException

如果 token 包含 ASCII 空白符，则抛出此异常

示例

在以下示例中，我们使用 Element.classList 检索设置在 <span> 元素上的类列表，该列表为一个 DOMTokenList。然后，我们将一个新 token 添加到列表中，并将该列表写入 <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;

输出如下所示

您也可以添加多个 token

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

规范

浏览器兼容性