JavaScript を使用して HTML 要素にクラスを追加するにはどうすればよいですか?

JavaScript を使用して指定された要素にクラスを追加する方法

既存の要素にクラスを追加するには、いくつかの方法を利用できます。ブラウザの互換性要件に応じて異なります。

モダンブラウザ

最新のブラウザの場合、classList プロパティは簡単な解決策を提供します。

element.classList.add("my-class");

このコードは、指定された要素に「my-class」クラスを追加します。クラスを削除するには、classList.remove を使用します。

Internet Explorer 9 以前

Internet Explorer 9 以前などの古いブラウザの場合は、className プロパティを手動で変更できます。 :

var d = document.getElementById("div1");
d.className += " otherclass";

既存のクラスとの競合を防ぐため、新しいクラス名の前に必ずスペースを入れてください。 class.

追加メモ

• classList プロパティは、Chrome、Firefox、Safari、Edge、Opera を含むすべての主要な最新ブラウザでサポートされています。
• classList プロパティとクラスを操作するためのその他のメソッドの詳細については、MDN ドキュメントを参照してください。 element.className.

以上がJavaScript を使用して HTML 要素にクラスを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。