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-如何制作复合样式


下一篇:POJ 2750 Potted Flower