💡 記事の下にエディタを用意しています。壊してもOK！
更新日: 2025年3月1日
JavaScriptでクラスを追加する方法｜classList.add
📌
結論
classList.add() でクラスの追加・削除ができます
📝 実際のコードはこちら
el.classList.add('active');
el.classList.remove('active');
el.classList.toggle('active');| メソッド | 効果 |
|---|---|
add | クラスを追加 |
remove | クラスを削除 |
toggle | あれば削除、なければ追加 |
まとめ
・classListでクラスの追加・削除・トグル ・CSSアニメーションと組み合わせて便利演習で試してみよう
classListでクラスを追加してみましょう。🧪 ここで試せます ─ 壊しても大丈夫！
下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。
■ 演習
idがboxの要素にactiveクラスを追加してください。
詰まったらヒント
element.classList.add('active')