linkタグとstyleタグの差が非常に謎い - analog_MultiMeter

JavaScriptとCSSを使ってる時に気になったことなんですが、 styleタグでスタイルを定義すると問題ないんですが、linkタグでcssをリンクするとJavaScript側からスタイルルールにアクセスする際に詰まるという話。 現象 Chrome(v12のみ確認)で発生し、FirefoxとOpera,Safariでは発生しない。 IEはそもそもcssRulesが存在しないので論外。 styleタグで指定したStyleにはwindow.styleSheets[*].cssRulesが存在 \の様にリンクしたCSSにはwindow.styleSheets[*].cssRulesが存在しない 確認出来るコード とりあえず次のコードを試すと確認出来る。 test.css .testclass { background : blue; width : 100px; height : 100px

[taninsw]

/(非/同)期 (cross/same)-origin (on/off)-cache.. 関係なかったりして/同一ディレクトリのときlocalでしか再現しない/DOMツリー自体が違うimportしてもdocument.styleSheets.item(0).cssRules[0].styleSheet.cssRulesは結局null/--disable-web-security でok 仕様かな