人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptでCSSのクラスに設定された値を書き換える方法はないでしょうか。
例えば、
p.class { color: blue; } を
p.class { color: red; } に変えたいのです。

●質問者: malts
●カテゴリ:ウェブ制作
✍キーワード:Blue Class COLOR CSS JavaScript
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● kyosh
●10ポイント

CSSを2ファイル用意して、切り替えるとか言うのはダメなんですよね?

■link要素でリンクしてる外部CSSを動的に切り替えるスクリプト

http://act.st/etc/css_s.htm

CSSファイルの中身じゃなくて、仮に変える方法であれば↓を参考して下さい。

http://east.portland.ne.jp/~sigekazu/css/javascript.htm

参考にならなかったらすみません。。。

◎質問者からの返答

ありがとうございます。


2 ● ぱこち
●60ポイント ベストアンサー
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 でまとめ書きしても良いと思います。

◎質問者からの返答

ありがとうございます。

役に立ちそうです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ