如何改变.redText #pid 里面的CSS属性？

[yfgcq]

<STYLE TYPE="text/css">
.redText {color: red;}
#pid {color: red;}
</STYLE>

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

<script language="javascript" type="text/javascript">
function getpid()
{
var redTextobj=document.getElementById("redText");
var pidobj=document.getElementById("pid");
alert(redTextobj.style.color);
alert(pidobj.style.color);
怎么改变redTextobj、pidobj这个两对象现在的color属性？

}
getpid()
</script>

[CutBug]

<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";
        }
    }
    
    
}
</script>