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

純粋な JavaScript を使用した要素のクラスの削除

要素からのクラスの削除は、JavaScript が重要な役割を果たす Web 開発における一般的なタスクです。 jQuery を使用せずにこれを行う方法は次のとおりです。

クラスの削除に推奨される標準化された方法は、classList プロパティを使用することです。

ELEMENT.classList.remove("CLASS_NAME");

このアプローチは、最新のブラウザーで広くサポートされています。例:

remove.onclick = () => {
  const el = document.querySelector('#el');
  el.classList.remove("red");
};

ここで:

• remove は削除をトリガーするボタンです。
• el はクラスを削除する必要がある要素です。
• 赤はクラス名です

この例では、ボタンをクリックすると、ID「el」の要素から「red」クラスが削除され、背景色がデフォルトに戻ります。

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