element.classList クラス名の操作
最終更新：2026-10-13
element.classList クラス名の操作
classList は CSS クラスの追加・削除・切替・確認のメソッドを提供します。
| カテゴリ | DOM操作 |
|---|
戻り値：DOMTokenList オブジェクト。
元の値を変更するか：はい（その場で変更）
▶ 例
コードを編集して「実行」を押すと、出力パネルに結果が表示されます。
💡 ヒント
ℹ️ info
🌐 ブラウザ対応
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.classList | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべてのモダンブラウザで対応 | |||||
🏷️ 関連する DOM メソッド
💡 関連するケース
さらに多くのケースは近日公開予定です。
📚 関連チュートリアル
❓ よくある質問
QclassList と className の違いは？
AclassList はメソッドを持ちます。className は文字列全体を設定します。
Qtoggle は何を返しますか？
A追加されたなら true、削除されたなら false です。
QclassList は複数を追加できますか？
Aはい — add('a', 'b', 'c')。
