在最新浏览器中使用JavaScript读取CSS规则值

已经提出了以下问题

我在浏览器

googlechrome19.0.1084.46

和

firefox12.0

上尝试了相同的代码，但脚本无法运行

是否有一个新的脚本库，可能使用jQuery，在当前最新版本的浏览器上激活相同的任务

---

下面是不起作用的代码：

function getStyle(className) {
    var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules
    for(var x=0;x<classes.length;x++) {
        if(classes[x].selectorText==className) {
                (classes[x].cssText) ? alert(classes[x].cssText) : alert(classes[x].style.cssText);
        }
    }
}
getStyle('.test')

函数getStyle（类名）{ var classes=document.styleSheets[0]。规则| | document.styleSheets[0]。cssRules

---

对于（var x=0；xYou可以首先尝试这个问题中提供的解决方案我刚才在google chrome版本20.0.1132.8 dev上检查了这段代码。这似乎对我有用。如果$（“#elementToGetAllCSS”）不是在文档中，而是在css文件中。如何获取规则？转到此链接，可能我遗漏了一些内容。在您的小提琴中，您正在警告一个函数，并且由于您的函数不返回任何内容，如果您删除if语句以检查类是否为test，那么undefined的结果对于函数内部的警告是正确的你会发现为什么它没有发出警报。别担心，警报没有那么多