例えば、
p.class { color: blue; } を
p.class { color: red; } に変えたいのです。
var css_list = document.styleSheets; if (css_list) for (var i = 0; i < css_list.length; i++) { var rule_list = (css_list[i].cssRules) ? css_list[i].cssRules : css_list[i].rules; for (var ii = 0; ii < rule_list.length; ii++) if (rule_list[ii].selectorText.toLowerCase() == 'p.class') with (rule_list[ii].style) { color = 'blue'; border = '1px solid black'; } }
ざっと書くとこんな感じだったはずです。
スタイルを指定する部分は cssText でまとめ書きしても良いと思います。
CSSを2ファイル用意して、切り替えるとか言うのはダメなんですよね?
■link要素でリンクしてる外部CSSを動的に切り替えるスクリプト
CSSファイルの中身じゃなくて、仮に変える方法であれば↓を参考して下さい。
http://east.portland.ne.jp/~sigekazu/css/javascript.htm
参考にならなかったらすみません。。。
ありがとうございます。
var css_list = document.styleSheets; if (css_list) for (var i = 0; i < css_list.length; i++) { var rule_list = (css_list[i].cssRules) ? css_list[i].cssRules : css_list[i].rules; for (var ii = 0; ii < rule_list.length; ii++) if (rule_list[ii].selectorText.toLowerCase() == 'p.class') with (rule_list[ii].style) { color = 'blue'; border = '1px solid black'; } }
ざっと書くとこんな感じだったはずです。
スタイルを指定する部分は cssText でまとめ書きしても良いと思います。
ありがとうございます。
役に立ちそうです。
ありがとうございます。
役に立ちそうです。