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

Question

以下问题已经被问到Read CSS rule values with JavaScript? - Nov 27 '08。

我在浏览器google chrome 19.0.1084.46和firefox 12.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')

---

这是指向jsfiddle

的链接