日期:2014-05-16  浏览次数:20355 次

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

------解决方案--------------------
用cssText
------解决方案--------------------
http://blog.csdn.net/wonsoft/article/details/2594609
------解决方案--------------------
引用:
http://blog.csdn.net/wonsoft/article/details/2594609


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')}