javascript 使用しているクラスを削除する

javascript 使用しているクラスを削除する

javascriptで、classList.removeを使用して、使用しているクラスを削除するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

classList.remove使い方

classList.removeを使用すれば、指定したhtmlタグからクラスを削除することが可能です。

実行結果

toggleを使用して削除することもできます。
toggleはクラスがなければ追加、あれば削除します。

サンプルコード

以下は、
「削除」ボタンをクリックすると、指定したhtmlタグからクラスを削除する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

クラスが削除されていることが確認できます。