javascript 読み込んでいるcssを変更する

javascript 読み込んでいるcssを変更する

javascriptで、参照しているCSSを動的に変更するサンプルコードを記述してます。

環境

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

cssを変更

linkタグにidを指定して、href属性を変更することで参照しているCSSを変更します。

サンプルコード

以下は、
「CSS変更」ボタンをクリックすると、CSSを「bootstrap material」から「bootstrap」に変更する
サンプルコードとなります。

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

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