dom_dom0400_010

次のコードの挙動として正しいものはどれですか?

[ javascript ]

const box = document.getElementById("box");
box.classList.toggle("active");
  1. 常にactiveクラスを追加する
  2. 常にactiveクラスを削除する
  3. activeクラスがあれば削除し、なければ追加する
  4. 何も起こらない
正解
  1. activeクラスがあれば削除し、なければ追加する
解説

classList.toggle()は、指定したクラスがあれば削除し、なければ追加します。トグル操作に便利です。

使用例(サンプルコード)

[ javascript ]

box.classList.toggle("hidden");