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

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