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

小编典典

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

ajax

我想从页面顶部链接的CSS文件中获取样式表规则（或CSS
TextContent）。document.styleSheets似乎可以在所有主要浏览器上使用，但是styleSheets[0].cssRules在IE
<9中当然不能使用。此解决方案的正确方法是什么？使用AJAX加载文件？但是，我只限于来自同一域的样式。

阅读 300

2020-07-26

共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/

2020-07-26