javascript 使用しているクラスを一括で編集する

javascript 使用しているクラスを一括で編集する

javascriptで、classNameを使用して、使用しているクラスを一括で編集するサンプルコードを記述してます。

環境

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

className使い方

classNameを使えば、使用しているclassを一括で編集することが可能です。

実行結果

サンプルコード

以下は、
「変更」ボタンをクリックすると、classを一括で変更してレイアウトを変える
サンプルコードとなります。

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

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