javascript - 使用 javascript 处理 css 规则

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

有关您编写的代码问题的问题必须在问题本身中描述具体问题 - 并包含有效代码以重现该问题。请参阅SSCCE.org寻求指导。

已关闭 9 年前。

Improve this 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++) {

替换<=与 <