クラスを変更する方法
JavaScript で要素のクラス名を変更する方法を学習します。
This is a DIV.
クラスを変更する
<div> 要素のクラスを "mystyle" に変更する "newone"：
<div id="myDIV" class="mystyle">
This is a DIV element.
</div>
<script>
function myFunction() {
const element = document.getElementById("myDIV"); // DIV 要素を取得する
element.classList.remove("mystyle"); // mystyle クラスを DIV から削除する
element.classList.add("newone"); // newone クラスを DIV に追加する
}
</script>
関連ページ
チュートリアル：クラスを切り替える方法：
リファレンスマニュアル：HTML DOM Element classList属性：
