javascript - CSS 规则对象

Question

根据本站externalcss3 styleSheet 对象的 CSS 规则对象允许您访问样式表的各个规则。

因此，如果我尝试使用 javascript 控制台在 stackoverflow 页面上运行这段代码 (*)，我希望看到一些 CSS 规则写入此页面 http://cdn.sstatic.net/stackoverflow/all.css?v=04e0337352b3 .

(*)

var mysheet=document.styleSheets[0]
var myrules=mysheet.cssRules? mysheet.cssRules: mysheet.rules
for (i=0; i<myrules.length; i++) {
     console.log(myrules[i].selectorText.toLowerCase());
}

实际上 console.log 的结果与我预期的有所不同:

object[type="application/x-shockwave-flash"], object[type="application/futuresplash"], object[data*=".swf"], object[src*=".swf"], embed[type="application/x-shockwave-flash"], embed[type="application/futuresplash"], embed[src*=".swf"]

我错过了什么？对不起我的无知和你的时间。

Answer 1

看来您只能访问来自同一域的 CSS 文件中的规则。

阅读此主题:Reading the rules of a cross domain CSS file in DOM