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