Question

可能重复：
Changing a CSS rule-set from Javascript

我在jsp页面中创建了一个具有相同类名的元素列表。假设我正在创建4个与“someName”相同的类名称的元素。现在，我想使用javascript.i.e动态修改这些元素的样式，当为类更改样式时，它应该反映在类名引用的所有元素中。此外，我必须使用IE8执行此操作。这可以实现吗？

由于

Answer 1

简答：是

你还想知道怎么样啊？你为什么不问如何？

我在jQuery中给你一个例子

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

这将使用类'someName'

更改背景颜色的所有元素

Answer 2

执行此操作的最佳方法是向相关元素添加其他类。

的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”。

Answer 3

总的来说，我会像@ sven-bieder建议的那样做，但要回答你的具体问题：看看这个答案https://stackoverflow.com/a/1409250/45948

使用javascript修改一类元素的样式

3 个答案: