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

PHPz
リリース: 2023-08-30 14:29:04
転載
1287 人が閲覧しました

如何使用 JavaScript 更改元素的类?

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

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

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

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

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

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

に設定します。 リーリー

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

リーリー ###例###

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

リーリー

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

###例###

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

ああああ

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

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!