如何获取加载的样式表的内容

Question

我想从页面头部链接的css文件中获取样式表规则（或css textContent）。 document.styleSheets似乎适用于所有主流浏览器，但styleSheets[0].cssRules当然在IE＆lt; 9中失败了。这个解决方案的正确方法是什么？使用AJAX加载文件？但后来我只限于同一领域的风格。

Answer 1

对于IE，您可以使用rules个对象的styleSheets属性。

所以通用解决方案可以是：

var list = null;
with (document.styleSheets[0]) {
    if (typeof cssRules != "undefined")
        list = cssRules;
    else if (typeof rules != "undefined")
        list = rules;
}
console.log(list);​

DEMO： http://jsfiddle.net/tqgNb/