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

How to get content of loaded stylesheet

本文关键字：样式 加载 何获取 获取      更新时间：2023-09-26

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

对于 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/

相关文章：