Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript修改一类元素的样式_Javascript_Html_Css - Fatal编程技术网

使用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兼容。