JavaScriptでelement.classListを使用すると要素に紐付いた class 属性のリストを返し、以下のメソッドを使用することができる。
classNameプロパティではクラス名を追加するときは、element.className=’クラス名’では上書きされてしまうので追加する際には既に設定されているクラス名を得て、これに追加するクラス名を足して設定する必要があった。
classListを使うとaddメソッドで簡単にクラス名を追加できる。
メソッド | 概要 |
---|---|
add | 要素のクラスリストにクラスを追加 |
remove | 要素のクラスリストからクラスを削除 |
toggle | 要素のクラスリスト中の特定クラスの切替 |
contains | 要素のクラスリストが特定クラスを含むか否かの確認 |
使い方は、「【JavaScript】classListとclassNameを使用したclass属性の操作について」 を参照。