jQueryを使わずにJavaScriptでCSSクラスを削除するにはどうすればよいですか?

jQuery を使用しない JavaScript による CSS クラスの削除

JavaScript を使用して要素から CSS クラスを削除することは、Web 開発における一般的なタスクです。 jQuery を使用せずにこれを実現するには、いくつかの方法があります。最も簡単なのは、classList プロパティを使用することです。

classList の使用

classList プロパティは、単純なインターフェイスを提供します。要素のクラスを操作するためのものです。特定のクラスを削除するには、remove() メソッドを使用します。

例

次の HTML と CSS を考えてみましょう:

classList を使用して「el」要素から「red」クラスを削除するには、次のコードを使用できます:

代替アプローチ

classList が最も推奨されるアプローチですが、次のようなクラスを削除する別の方法もあります。

• 属性操作: ターゲットを指定せずに className 属性を新しいクラス リストに設定するclass.
• 正規表現置換: replace() を使用して、className 文字列からターゲット クラスを削除します。

ただし、これらのメソッドは効率と柔軟性が低くなります。 classList.

を使用する場合と比較してください。

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