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

Question

我想从页面头部链接的 css 文件中获取样式表规则（或 css textContent）。document.styleSheets似乎适用于所有主要浏览器，但styleSheets[0].cssRules在 IE<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);​

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