<link rel="stylesheet" type="text/css">に、JavaScriptの式の評価に基づいて動的に選択されたURLを追加する方法はありますか？私はむしろ、後日よりも、pageloadの結果の間、またはとして、いくつかのJavascriptを実行したい。特に - （私は外部のライブラリに依存しないようにしたいjQueryのまたは他の外部ライブラリを使用せず。）JavaScriptを使用してCSS URLを動的に選択する
しかし、私は交換または追加されたCSSがそのJavascriptを実行した結果としてロードされることを確認したい。
これを試してみてください：
機能：
function swapStyleSheet(sheet){
document.getElementById('pagestyle').setAttribute('href', sheet);
}
アクティブ：
<button onclick="swapStyleSheet('dark.css')">Dark Style Sheet</button>
もちろん、ボタンではなくページが読み込まれたときに 'window.onload'を使用して実行することができます。 – Toby
'pagestyle'は標準のクロスブラウザーDOM要素ですか？ –
オハイオ州、心配しないで、私はそれが欲しいとIDを入れて、javascriptを使用する必要があります。それは賢いです。 –
あなたはこの機能を試して歓迎されています。
function addStylesheet(file) {
var
head = document.getElementsByTagName("head")[0],
style = document.createElement("link");
style.rel = "stylesheet";
style.type = "text/css"; //optional
style.href = file;
head.appendChild(style);
}
addStylesheet("style.css");
これが重複している場合、私は謝罪、私はGoogle検索をしましたが、何を探して100％確認されませんでした。 –
これを試してください：http://stackoverflow.com/questions/2685614/load-external-css-file-like-scripts-in-jquery-which-is-compatible-in-ie-also – Toby
助けてください、私は純粋なJavascriptでライブラリの依存関係がないものを探しています。しかし、私はそこからそれを理解することができると思う、jqueryが何か奇妙なことをやっているようには見えない。 –