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 July 2015.

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 Standard
# ref-for-dom-domtokenlist-add①

浏览器兼容性

BCD tables only load in the browser