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 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 完全対応 10Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile ? Firefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,