DOMTokenList.add()

DOMTokenList インターフェイスの add() メソッドは、指定されたトークンをリストに追加します。

構文

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

引数

tokenN
リストに追加したいトークンを表す DOMString です。

返値

なし。

以下の例では、 <span> 要素に設定されたクラスのリストを、 Element.classList を使用して DOMTokenList として受け取ります。それからリストに新しいトークンを追加し、リストを <span>Node.textContent に書き込みます。

最初に HTML です。

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

そして JavaScript です。

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

出力結果は以下のようになります。

同様に、複数のトークンを追加することができます。

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

仕様策定状況

仕様書 策定状況 コメント
DOM
add() の定義
現行の標準 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
addChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 ありIE 完全対応 10Opera 完全対応 ありSafari 完全対応 5.1WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 5.1Samsung Internet Android 完全対応 あり
Multiple arguments for add()Chrome 完全対応 24Edge 完全対応 12Firefox 完全対応 26IE 未対応 なしOpera 完全対応 15Safari 完全対応 7WebView Android 完全対応 ≤37Chrome Android 完全対応 25Firefox Android 完全対応 26Opera Android 完全対応 14Safari iOS 完全対応 7Samsung Internet Android 完全対応 1.5

凡例

完全対応  
完全対応
未対応  
未対応