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

className 属性は、要素のクラスを変更するために使用されます。ここでは 2 つの例を見ていきます -

• className 属性を使用して要素のクラスを変更する方法。
• 古いコースと新しいコースを切り替える方法。

className 属性を使用して要素のクラスを変更する

この例では、className 属性を使用して要素のクラスを変更します。 oldStyle -

クラスの div があるとします。 リーリー

className 属性を使用して、上記の oldStyle クラスを新しいクラス、つまり newStyle -

に設定します。 リーリー

次のボタンをクリックして、demoFunction() を呼び出すことで、上記の目標を達成しました -

リーリー ＃＃＃例＃＃＃

完全な例を見てみましょう -

リーリー

古いクラスと新しいクラスを切り替える

＃＃＃例＃＃＃

両方の方法で機能するボタン、つまりトグルを作成することもできます。ボタンをもう一度クリックすると元に戻ります -

ああああ

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