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

Question

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

Answer 1

可以通过document.styleSheets修改。

<STYLE TYPE="text/css" > 

.redText {color: red;} 

#pid {color: red;} 

</STYLE > 

<P id="redText" CLASS="redText" >11 </p > 

<P id="pid" >22 </p > 

<input type="button" onclick="test()" value=" test " />

<script language="javascript" type="text/javascript" > 

function test()

{

    var ss = document.styleSheets[0];

    var rules = ss.rules?ss.rules:ss.cssRules

    for(var i=0;i<rules.length;i++)

    {

        if(rules[i].selectorText=="#pid")

        {

            rules[i].style.color="yellow";

            break;

        }

    }

     

     

}

</script> 

不建议直接修改，最好是外链css里写好具体要切换的样式列表，然后用js进行切换。