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

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

JavaScript を使用して要素から CSS クラスを削除するには、複数の方法があります。 classList を使用した推奨される方法を見てみましょう。

classList は、最新のブラウザーで広くサポートされているプロパティです。これを使用するには、次の手順に従います:

1. 要素を取得します: document.querySelector() を使用して、変更する要素を選択します。
2. classList プロパティにアクセスします: 要素を取得したら、classList プロパティを使用してclasses.
3. クラスを削除します: classList でremove() メソッドを呼び出し、削除するクラス名を引用符で囲んで指定します。

For例:

const el = document.querySelector('#el');
el.classList.remove("red");

このコードは、ID を持つ要素から「red」クラスを削除します。 "el".

追加メモ:

• 複数のクラスを削除する必要がある場合は、remove() メソッドを複数回使用できます。
• classList は、クラスを管理するための add()、toggle()、および contains() メソッドもサポートします。
• ブラウザの場合classList をサポートしていない場合は、element.className を使用してクラスを削除できますが、それは廃止されたものとみなされます。

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