使用javascript使用css规则

Question

我发现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);
    }

我发现所有已加载到页面的css然后找到我想要更改的规则。

如果您有任何疑问，请问我

Answer 1

解决：

问题出现在这一行

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

将<=替换为<