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

JavaScript を使用した CSS クラスの削除

JavaScript は、jQuery を使用せずに要素から CSS クラスを削除する直接的な方法を提供します。このメソッドは、最新のブラウザでサポートされている classList プロパティを使用します。

classList を使用して CSS クラスを削除する手順:

1. 要素: document.querySelector またはを使用して、CSS クラスを削除する要素を特定します。 document.getElementById.

2. クラスの削除: classList.remove() メソッドを使用して、目的の CSS クラスを削除します。構文は次のとおりです。

例:

ID 'el の要素から「red」クラスを削除するには' の場合は、次のコードを使用します:

代替メソッド:

classList.remove() が推奨されるアプローチですが、CSS クラスを削除するための代替メソッドもあります:

• .removeAttribute(): このメソッドは、クラス名を含む属性全体を削除します。ただし、classList.remove() よりも効率は低くなります。
• クラス属性の置換: クラス属性全体を、削除するクラスを除外する新しい値に置き換えることができます。

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