此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

DOMTokenList.add()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

DOMTokenList 接口的 add() 方法将给定的标记添加到列表中。

语法

tokenList.add(token1[, token2[, ...tokenN]]);

参数

tokenN

一个 DOMString,表示你要添加到列表里的标记。

返回值

undefined

示例

在下面的例子中,我们使用 Element.classList<span> 元素上设置的类列表检索为 DOMTokenList。然后,我们将新标记添加到列表中,并将列表写入 <span> 元素的Node.textContent

HTML:

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

JavaScript:

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

结果如下:

你也可以添加多个标记:

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

规范

Specification
DOM
# ref-for-dom-domtokenlist-add①

浏览器兼容性