JavaScriptでCSSクラスを設定する方法

classListプロパティを使用する方法: HTML要素のclassListプロパティを使用すると、クラスの追加、削除、切り替えなどができます。

// クラスの追加
element.classList.add("new-class");
// クラスの削除
element.classList.remove("old-class");
// クラスの切り替え
element.classList.toggle("active-class");

classNameプロパティを使用する方法: classNameプロパティを使用して、HTML要素のクラスを直接設定することもできます。
```
// クラスの設定
element.className = "new-class";
```
setAttributeメソッドを使用する方法: setAttributeメソッドを使用して、HTML要素にclass属性を追加または設定することもできます。
```
// クラスの設定
element.setAttribute("class", "new-class");
```

これらの方法を使用することで、JavaScriptでHTML要素に対してCSSクラスを設定することができます。適切な方法を選択し、必要に応じてコードを調整してください。