古い記事
ランダムジャンプ
新しい記事
「JavaScriptによるCSSの動的切替」のすぐ設置できる簡単なサンプル。
多分説明不要。
<link id="basicStyle" rel="stylesheet" href ="diary.css"
type="text/css" />
[...]
</head><body>
[...]
Change CSS
<input type="button" value="diary.css"
onclick="document.getElementById('basicStyle').href=this.value">
<input type="button" value="debug.css"
onclick="document.getElementById('basicStyle').href=this.value">
<input type="button" value="css off"
onclick="document.getElementById('basicStyle').href=''">

設置例: Change CSS

IMG
参考:「JavaScript&DHTMLクックブック[2005-03-23-7]

切り替えじゃなくて、単に CSS を on/off するには styleSheet オブジェ
クトの disabled プロパティを使うのが正統派みたい。


市瀬裕哉, 福島英児, 望月真琴 / 実践Web Standards Design-Web標準の基本とCSSレイアウト&Tips

加藤善規, 平澤隆, 両見 英世 / Web標準XHTML+CSSデザイン - クリエイターが身につけておくべき新・100の法則。
この記事に言及しているこのブログ内の記事