.cssを動的にリロードする方法

Question

私は、提案されたスタイルがロードされるリンクをユーザがクリックすることによって、評価のために異なるスタイルを提示したいと思うウェブサイトを持っています。 .cssファイルを動的に再ロードするにはどうすればよいですか？

Answer 1

JavaScriptを使用すると、CSS要素（たとえばdocument.createElement("style");など）を操作して、必要なものをページに追加して追加する必要があります。その要素を置き換えると、ページのスタイルが変更されますが、リンクされた.cssファイルの切り替えしようとしているならば、それはページの更新を必要とする可能性があるため、それが動的に動作しない場合があります。

Answer 2

をこれはトリックをやった！

<script type="text/javascript"> 
    function loadjscssfile(filename) { 
      var fileref = document.createElement("link") 
      fileref.setAttribute("rel", "stylesheet") 
      fileref.setAttribute("type", "text/css") 
      fileref.setAttribute("href", filename) 
     } 
     if (typeof fileref != "undefined") 
      document.getElementsByTagName("head")[0].appendChild(fileref) 
    }  
</script>