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

我想从页面顶部链接的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/

标签：javascript,css,ajax,stylesheet
来源： https://codeday.me/bug/20191011/1890361.html