HTML DOMTokenList add() メソッド

定義と使用法

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()

関連ページ

length 属性

item() メソッド

remove() メソッド

toggle() メソッド

replace() メソッド

forEach() メソッド

entries() メソッド

keys() メソッド

values() メソッド

DOMTokenList オブジェクト