使用javascript处理css规则

我正在寻找css规则，然后改变它的样式，我已经完成了 但我不知道为什么我会犯这个错误

TypeError: sh[i] is undefined
if ("undefined"!==sh[i].cssRules)

我的密码在这里

window.onload = function() {
        var sh = document.styleSheets;
        for (var i = 1; i <= sh.length; i++) {
            if (sh[i].cssRules)
                rule = sh[i].cssRules;
            else if (sh[i].rules)
                rule = sh[i].rules;
            for (var j = 0; j < rule.length; j++) {
                var sel = rule[j].selectorText;
                if (sel == ".test") {
                    var R = rule[j].style;
                    R.color = "red";
                }
            }
        }
        var C = document.createElement("div");
        C.className = "test";
        C.innerHTML = "test";
        var E = document.getElementById("div1");
        E.appendChild(C);
    }

window.onload=function（）{
var sh=document.styleSheets；
对于（var i=1；i已解决：

问题就在这条线上

for (var i = 1; i <= sh.length; i++) {

for（var i=1；我有问题了。所以不需要回答