jaavascript如何修改CSS样式，注：不是修改对象

Question

<style type="text/css">
 div.datagrid-cell-c1-inv {width:112px;} 
 </style>
 比如现在我有一个CSS的样式，我现在有10个对象或者100个对象引用这个CSS，如果我想改变这个样式的宽度我需要遍历所有的对象，然后获取其CSS来修改样式，我的问题是我可以直接修改CSS不，然后不用遍历对象，这样的效率应该很高，请指教最快的方式。谢谢各位大师哈javascript 修改CSS 

Answer 1

直接修改css文件就行了，不管调用的地方有多少，只要css 修改就可以了

Answer 2

http://blog.csdn.net/wonsoft/article/details/2594609

Answer 3

遍历样式表效率不一定高，如果样式很多还不如直接修改dom的。。

Answer 4

能不能给出实现代码，比如我有一个
<style type="text/css">
  div.datagrid-cell-c1-inv {width:112px;} 
  </style>现在只修改宽度，javascript修改，对了，直接修改css样式会不会生效呢

Answer 5

你可以覆盖easyui导入的css，在link标签后增加你的style就行了，注意css的级别要一样这样最后导入的css才会起效果

Answer 6

版主真是厉害，我easyui 都被你看出来了，高手啊，回到问题的原点，我现在要javascript 修改css，而且修改之后要有效果，版主能不能给出一段修改CSS代码

Answer 7

3#给的就是了function changecss(theClass,element,value)
 {
 　　var cssRules;
 　　if (document.all)
 　　{
 　　　cssRules = 'rules';
   　}
   　else if (document.getElementById)
 　　{
 　　　　cssRules = 'cssRules';
   　}  　
　　for (var S = 0; S < document.styleSheets.length; S++)
 　　{
 　　　　for (var R = 0; R < document.styleSheets[S][cssRules].length; R++)
 　　　　{
 　　　　　　if (document.styleSheets[S][cssRules][R].selectorText == theClass)
　　　　　　{
 　　　　　　　　document.styleSheets[S][cssRules][R].style[element] = value;
 　　　　　　}
 　　　　}
   　}
}
window.onload=function(){changecss('div.datagrid-cell-c1-inv','width','112px')}