HTML DOMTokenList add() メソッド
- 前のページ add()
- 次のページ contains()
- 上一階層に戻る HTML DOMTokenList
定義と使用法
add()
メソッドは、DOMTokenListに(または複数の)トークン(token)を追加します。
インスタンス
例 1
"myStyle"クラスを要素に追加:
要素のクラスタグの数を取得します: list.add("myStyle");
例 2
要素から"myStyle"クラスを削除:
要素のクラスタグの数を取得します: list.remove("myStyle");
例 3
"myStyle"のオンオフを切り替え:
要素のクラスタグの数を取得します: list.toggle("myStyle");
例 4
要素に複数のクラスを追加:
要素のクラスタグの数を取得します: list.add("myStyle", "anotherClass", "thirdClass");
例子 5
例 5
要素のクラスタグの数を取得します: const list = element.classList;
let numb = list.length;
例 7
例 6
const list = document.getElementById("myDIV").classList;
例 7
"myDIV" 元素のクラスタグを取得します:
let className = element.classList.item(0);
例 8
要素が "myStyle" クラスタグを持っているかどうか?
let x = element.classList.contains("myStyle");
例 9
要素が "myStyle" クラスタグを持っている場合、"anotherClass" を削除します。 if (element.classList.contains("mystyle")) { element.classList.remove("anotherClass");
実際に試してみる
構文domtokenlisttoken.add(
)
) | 説明 |
---|---|
token | 必須。リストに追加するタグ。 |
返り値
なし。
ブラウザサポート
domtokenlist.add()
DOM レベル 4 (2015) の機能です。
すべてのブラウザがサポートしています:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
サポート | サポート | サポート | サポート | サポート |
Internet Explorer 11(およびそれ以前のバージョン)はサポートしていません domtokenlist.add()
。
関連ページ
- 前のページ add()
- 次のページ contains()
- 上一階層に戻る HTML DOMTokenList