ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用して HTML 要素にクラスを追加するにはどうすればよいですか?

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

Barbara Streisand
Barbara Streisandオリジナル
2024-12-16 02:47:13350ブラウズ

How Do I Add a Class to an HTML Element Using JavaScript?

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。