求大神帮忙啊，怎么都看不出问题，这是怎么了

.style1{
width: 600px;
height: 400px;
background-color: blue;
}
function change(Anjian){
var ocssRules = document.styleSheets[0];
var style1 = ocssRules.rules[0]; //提示这行的0有问题，访问不到，看不出有啥问题啊
if (Anjian.value=="黑色") {
style1=style.backgroundColor="black";
} else if (Anjian.value=="红色") {
style1=style.backgroundColor="red";
}
}
<div id="div1" class="style1">div1</div>
<input type="button" value="黑色" onclick="change(this)"/>
<input type="button" value="红色" onclick="change(this)"/>