どのようにcssを選択したページ上でJavaScriptを使用してすべてのページのCSSスタイル

Question

私は私のWebページのCSSを変更するためにJavaScriptを使用していますが、これまでにCSSを選んだ方法を理解しようとしています。私のサイトの他のすべてのページ。ここで

が私のコードです：

<link id="pagestyle" rel="stylesheet" type="text/css" href="dash4.css"> 
<script> 
function swapStyleSheet(sheet){ 
    document.getElementById('pagestyle').setAttribute('href', sheet); 
} 
</script> 
<button class="settings" onclick="swapStyleSheet('dash4.css')"> COMFORTABLE</button> 
     <button class="settings" onclick="swapStyleSheet('dash4_minimal.css')">MINIMAL</button> 

Answer 1

ちょうどあなたの体の終了タグ 前とjqueryの書き込みを使用してスクリプトを置く

$(document).ready(function(){ 
    $("#button-id").click(function(){ 
     $("#pagestyle").attr("href",sheet); 
    }); 
});