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

Question

可能重复：
从 Javascript 更改 CSS 规则集

我正在我的 jsp 页面中创建一个具有相同类名的元素列表。假设我正在创建 4 个与“someName”具有相同类名的元素。现在，我想使用 javascript.ie 动态修改这些元素的样式。即，当类的样式发生更改时，它应该反映在类名引用的所有元素中。此外，我必须使用 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 解决方案更优雅，但您也可以使用普通的 ol' javascript 来完成。

Answer 3

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