问个sb的问题js能不能只改变css不改变div了？

Question

可能描述不清楚是这样的有10个div他们的样式都是同一个class如果我要同事改变着10个div的样式
能不能通过修改这个css来完成而不是先获取 这10个div然后再每个都改变样式只是突然一个想法
sb了 可不要笑话我

Answer 1

使用Js修改CSS和修改Class有什么区别吗？都一样占内存的。

Answer 2

这个是搜到的<style id="hutia">
.aaaa{ color:red; }
.sss{font-size:15pt;}
</style>
<script>
function hutiaHaha(){
var o=document.getElementById("hutia");
o.styleSheet.rules[0].style.color="blue";
o.styleSheet.rules[1].style.fontSize="26pt";
document.styleSheets[0].rules.item(1).style.backgroundColor="pink";
document.styleSheets[0].rules[1].style.fontStyle="Italic";
}
</script>
<div class="aaaa">I am Hutia</div>
<div class="sss">I am Hutia</div>
<div class="sss">I stay alone and feel bad</div>
<input type="button" value="Click me to change class define." onclick="hutiaHaha();" />

Answer 3

稍微有点不一样吧
如果div比较多少了查找 div的过程
也少了循环过程给每个div改变样式的过程
最后重绘还是一样的

Answer 4

可以。楼主说的不就是更换样式文件吗。对于提供换肤功能的网站来说，都是这样做的。不必对原来的HTML进行选取和设置操作，只需要切换LINK引用的CSS文件即可（方法是设置LINK对象的disabled属性）。by theforever_csdn

Answer 5

js支持的：rules
不过貌似浏览器兼容比较差