使用javascript修改一类元素的样式
可能重复:使用javascript修改一类元素的样式,javascript,html,css,Javascript,Html,Css,可能重复: 我正在jsp页面中创建一个具有相同类名的元素列表。假设我正在创建4个元素,它们的类名与“someName”相同。现在,我想使用javascript动态修改这些元素的样式。也就是说,当类的样式被更改时,它应该反映在由类名引用的所有元素中。此外,我还必须使用IE8来实现这一点。这能做到吗 谢谢简短回答:是的 啊你还想知道怎么做?你为什么不问我怎么做 我给你举一个jQuery的例子 $(".someName").css("background-color","green:); 这将改变
我正在jsp页面中创建一个具有相同类名的元素列表。假设我正在创建4个元素,它们的类名与“someName”相同。现在,我想使用javascript动态修改这些元素的样式。也就是说,当类的样式被更改时,它应该反映在由类名引用的所有元素中。此外,我还必须使用IE8来实现这一点。这能做到吗 谢谢简短回答:是的 啊你还想知道怎么做?你为什么不问我怎么做 我给你举一个jQuery的例子
$(".someName").css("background-color","green:);
这将改变“someName”类的所有元素的背景色。简短回答:是
啊你还想知道怎么做?你为什么不问我怎么做
我给你举一个jQuery的例子
$(".someName").css("background-color","green:);
这将改变“someName”类的所有元素的背景色一般来说,我会按照@sven bieder的建议做,但要回答您的具体问题:查看这个答案一般来说,我会按照@sven bieder的建议做,但要回答您的具体问题:请查看此答案,最好的方法是向相关元素添加一个附加类 Javascript
var elements = document.getElementsByClassName('oldClass');
for(var i = 0;i<elements.length;i++){
elements[i].className += ' newClass' //dont forget the first space
}
jQuery解决方案更加优雅,但您也可以使用纯ol'javascript来实现。实现这一点的最佳方法是向相关元素添加额外的类 Javascript
var elements = document.getElementsByClassName('oldClass');
for(var i = 0;i<elements.length;i++){
elements[i].className += ' newClass' //dont forget the first space
}
jQuery解决方案更加优雅,但您也可以使用普通的ol'javascript来实现。问题陈述尚不清楚。你们可以发布代码片段吗?看看这个,它是关于在我不能使用jQuery的元素上更改类的。另一个很大的限制是我必须使用IE8来实现这一点,这也是通过使用普通的旧javascript来实现的。问题陈述尚不清楚。你们可以发布代码片段吗?看看这个,它是关于在我不能使用jQuery的元素上更改类的。另一个很大的限制是我必须使用IE8来实现这一点,这也是通过使用普通的旧javascript来实现的。你将op引用到一个内部链接,而这个内部链接又引用到一个外部链接……为什么???内部链接是为了查看带有相应答案的SO问题。有什么问题吗?是额外的点击让你烦恼吗?是因为你的答案没有增加任何价值-1我给他指出了一个有效的答案,那么你有什么问题?你是决定它是否有附加值的人。你知道你可以改变规则吗?或者你知道怎么做吗?我认为这是附加值。别再抱怨了。我不打算为否决投票而争论。你把op指的是一个内部链接,而内部链接又指的是一个外部链接……为什么???内部链接是为了看到SO问题及其相应的答案。有什么问题吗?是额外的点击让你烦恼吗?是因为你的答案没有增加任何价值-1我给他指出了一个有效的答案,那么你有什么问题?你是决定它是否有附加值的人。你知道你可以改变规则吗?或者你知道怎么做吗?我认为这是附加值。别再抱怨了。我不会为否决投票而争论。getElementsByClassName()不适用于IE8。不是吗?GetElementsByCassName()不适用于IE8。是吗?谢谢你的回复,斯文。但是,我必须使用简单的纯javascript,而不使用任何jQuery。这也是我必须使它IE8兼容。谢谢你的回复斯文。但是,我必须使用简单的纯javascript,而不使用任何jQuery。我也必须让它与IE8兼容。