jaavascript怎么修改CSS样式,注:不是修改对象
jaavascript如何修改CSS样式,注:不是修改对象
<style type="text/css">
div.datagrid-cell-c1-inv {width:112px;}
</style>
比如现在我有一个CSS的样式,我现在有10个对象或者100个对象引用这个CSS,如果我想改变这个样式的宽度我需要遍历所有的对象,然后获取其CSS来修改样式,我的问题是我可以直接修改CSS不,然后不用遍历对象,这样的效率应该很高,请指教最快的方式。谢谢各位大师哈
------解决方案--------------------
用cssText
------解决方案--------------------
http://blog.****.net/wonsoft/article/details/2594609
------解决方案--------------------
3#给的就是了
<style type="text/css">
div.datagrid-cell-c1-inv {width:112px;}
</style>
比如现在我有一个CSS的样式,我现在有10个对象或者100个对象引用这个CSS,如果我想改变这个样式的宽度我需要遍历所有的对象,然后获取其CSS来修改样式,我的问题是我可以直接修改CSS不,然后不用遍历对象,这样的效率应该很高,请指教最快的方式。谢谢各位大师哈
javascript 修改CSS
------解决方案--------------------
用cssText
------解决方案--------------------
http://blog.****.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')}