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

純粋な JavaScript を使用して要素から CSS クラスを削除するにはどうすればよいでしょうか?

Mary-Kate Olsen
リリース: 2024-11-08 17:06:02
オリジナル
354 人が閲覧しました

How do you remove a CSS class from an element using pure JavaScript?

純粋な JavaScript を使用して要素から CSS クラスを削除する

Web 要素を操作する場合、動的に削除する必要がある状況に遭遇することがあります。特定の CSS クラス。純粋な JavaScript を使用してこれを実現する方法を知ることが重要です。要素の操作を簡略化する jQuery とは異なり、JavaScript はクラス削除のための多用途のソリューションを提供します。

JavaScript を使用して要素からクラスを効果的に削除するには、最新のブラウザで広くサポートされている classList プロパティを利用します。構文は簡単です:

ELEMENT.classList.remove("CLASS_NAME");
ログイン後にコピー

たとえば、次の HTML 要素を考えてみましょう:

<div>
ログイン後にコピー

この場合、el は赤色のクラスが割り当てられた要素です。 JavaScript を使用して赤いクラスを削除するとします。これを行うには、次のコードを実行します。

const el = document.querySelector('#el');
el.classList.remove("red");
ログイン後にコピー

この実行後、el 要素は red クラスを持たなくなり、実質的に外観が変更されます。このソリューションはほとんどの最新ブラウザと互換性があり、CSS クラスを動的に操作するクリーンな方法を提供することに注意してください。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート