次のコードの挙動として正しいものはどれですか?
[ javascript ]
const box = document.getElementById("box");
box.classList.toggle("active");
- 常にactiveクラスを追加する
- 常にactiveクラスを削除する
- activeクラスがあれば削除し、なければ追加する
- 何も起こらない
正解
- activeクラスがあれば削除し、なければ追加する
解説
classList.toggle()は、指定したクラスがあれば削除し、なければ追加します。トグル操作に便利です。
使用例(サンプルコード)
[ javascript ]
box.classList.toggle("hidden");