1

重複の可能性:
JavaScript から CSS ルールセットを変更する

同じクラス名で jsp ページに要素のリストを作成しています。「someName」と同じクラス名を持つ 4 つの要素を作成しているとします。ここで、javascript.ie を使用してこれらの要素のスタイルを動的に変更したいと考えています。クラスのスタイルが変更されると、クラス名で参照されるすべての要素に反映されるはずです。また、IE8 でこれを行う必要があります。これは達成できますか？

ありがとう

4

3 に答える 3

1

短い答え: はい

ああ、あなたも方法を知りたいですか？なぜ方法を尋ねなかったのですか？

jQueryで例を挙げます

$(".someName").css("background-color","green:);

これにより、クラス「someName」を持つすべての要素の背景色が変更されます

于 2012-10-18T15:17:11.260 に答える
1

これを行う最善の方法は、関連する要素に追加のクラスを追加することです。

Javascript

var elements =  document.getElementsByClassName('oldClass');
for(var i = 0;i<elements.length;i++){
    elements[i].className += ' newClass' //dont forget the first space
}

CSS

oldClass{color:red;}
newClass{color:white; font-weight:bold;}

jQuery ソリューションはより洗練されていますが、プレーンな古い JavaScript でも実行できます。

于 2012-10-18T15:20:48.870 に答える
-1

一般的に、@ sven-biederが示唆するようにしますが、特定の質問に答えるには、この回答をチェックしてください https://stackoverflow.com/a/1409250/45948

于 2012-10-18T15:18:57.530 に答える