Javascriptで動的にCSSを追加する

「Javascriptで動的にCSSを追加する」のサンプル

jQueryやprototype.jsなどのライブラリとともに、CSSファイルを同時に読み込ませる必要がある場合があると思います。
そんなとき、そのライブラリと一緒にCSSなんかも外部jsファイルから追加できると便利です。
外部jsファイルのスクリプトからCSSを動的に読み込ませるスクリプトサンプルです。

ここをクリックすると、動的にCSSが読み込まれスタイルが変わります。

表示を戻す

function cssChange( file ){ var link = document.createElement('link'); with( link ) { href = file; type = 'text/css'; rel = 'stylesheet'; } var head = document.getElementsByTagName('head'); head.item(0).appendChild(link); }