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

Question

我想从我的页面头部链接的textContent文件中获取样式表规则(或css css )。document.styleSheets似乎可以在所有主流浏览器中工作，但styleSheets[0].cssRules在IE<9中当然会失败。此解决方案的正确方法是什么？用AJAX加载文件？但我只是局限于同一领域的风格。

Answer 1

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

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

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

演示： http://jsfiddle.net/tqgNb/