JavaScriptでCSSを動的切り替え
2005-03-24-3
[Programming]
「JavaScriptによるCSSの動的切替」のすぐ設置できる簡単なサンプル。
多分説明不要。
設置例： Change CSS
参考：「JavaScript&DHTMLクックブック」[2005-03-23-7]
切り替えじゃなくて、単に CSS を on/off するには styleSheet オブジェ
クトの disabled プロパティを使うのが正統派みたい。
■市瀬裕哉, 福島英児, 望月真琴 / 実践Web Standards Design-Web標準の基本とCSSレイアウト&Tips
■加藤善規, 平澤隆, 両見 英世 / Web標準XHTML+CSSデザイン - クリエイターが身につけておくべき新・100の法則。
多分説明不要。
<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
参考：「JavaScript&DHTMLクックブック」[2005-03-23-7]
切り替えじゃなくて、単に CSS を on/off するには styleSheet オブジェ
クトの disabled プロパティを使うのが正統派みたい。
■市瀬裕哉, 福島英児, 望月真琴 / 実践Web Standards Design-Web標準の基本とCSSレイアウト&Tips
■加藤善規, 平澤隆, 両見 英世 / Web標準XHTML+CSSデザイン - クリエイターが身につけておくべき新・100の法則。
この記事に言及しているこのブログ内の記事