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

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
add
Multiple parameters for add()

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support