ホームページ >ウェブフロントエンド >jsチュートリアル >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.
追加メモ
以上がJavaScript を使用して HTML 要素にクラスを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。