求教，大写们原生JS有没得办法直接修改CSS样式表里面的属性值呀

Question

1、比如我选中某个DIV好后，通过className获取到了CSS样式表里面的某个类；然后我想把这个类里面的width的值修改为自己想要的数字，如原来是width:10px,我想修改为width:20px；大神们原生JS有没得办法做到呀。
注：不是直接改行间样式哈，而是用JS改外链样式表里面的样式。

Answer 1

可以通过document.styleSheets修改。<STYLE TYPE="text/css" >&nbsp;.redText {color: red;}&nbsp;#pid {color: red;}&nbsp;</STYLE >&nbsp;<P id="redText" CLASS="redText" >11 </p >&nbsp;<P id="pid" >22 </p >&nbsp;<input type="button" onclick="test()" value=" test " /><script language="javascript" type="text/javascript" >&nbsp;function test(){&nbsp; &nbsp; var ss = document.styleSheets[0];&nbsp; &nbsp; var rules = ss.rules?ss.rules:ss.cssRules&nbsp; &nbsp; for(var i=0;i<rules.length;i++)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; if(rules[i].selectorText=="#pid")&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; rules[i].style.color="yellow";&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;}</script>&nbsp;不建议直接修改，最好是外链css里写好具体要切换的样式列表，然后用js进行切换。