Das CSS-Regelobjekt

Question

Gemäß dieser Site externalcss3 Das CSS Rule-Objekt des styleSheet-Objekts ermöglicht den Zugriff auf die einzelnen Regeln eines Stylesheets.

Also, wenn ich versuche, dieses Stück Code (*) auf stackoverflow Seite mit der Javascript-Konsole zu starten, erwarte ich, dass einige CSS-Regeln auf dieser Seite http://cdn.sstatic.net/stackoverflow/all.css?v=04e0337352b3 geschrieben werden.

(*)

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()); 
} 

eigentlich das Ergebnis console.log ist etwas anderes, als was ich erwarten würde:

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"] 

Was habe ich verpasst? Entschuldige meine Unwissenheit und deine Zeit.

Answer 1

Es scheint, dass Sie nur auf die Regeln in der CSS-Datei zugreifen können, wenn sie aus derselben Domäne stammen.

diesen Thread gelesen: Reading the rules of a cross domain CSS file in DOM