CSSファイル内のCSSクラスへのアクセス、クロスドメイン、javascript

Question

標準HTML STYLEタグを使用してCSSファイルをインクルードします。

次に、CSSのクラスと属性にアクセスするにはjavascriptコードが必要です。 IEとChromeの は、すべての罰金になりますが、Firefoxでは、それは、この例外がスローされます。

キャッチされない例外：セキュリティエラー（NSエラーDOM SECURITY ERR）

ここjavascriptのコードです：

for (var i = 0; i != window.document.styleSheets.length; i++) { 
    rules = window.document.styleSheets.item(i); 
    if(rules.href.indexOf('someurl.com')){ 
     break; 
    } 
} 
return rules.cssRules || rules.rules; 

それはIE、Chrome、Safariでうまく動作しますが、FirefoxやOperaでは動作しません。

事前

Answer 1

JavaScriptはどのドメインからでも参照できますが、それを実行しているドキュメントの正確なドメインに変更を加えることしかできません。正確なドメインでは、プロトコルから最初のディレクトリの直前までのすべてが同一でなければならないことを意味します。

JavaScriptを使用して別のドメインにアクセスすることはできません。なぜIEやChromeでこれが動作しているのかわかりませんが、そうではありません。 CSSがJavaScriptを実行するページと異なるドメインからのものである場合、セキュリティエラーがスローされます。

本当の質問はここにあります：どのプロパティがアイテムですか？私はあなたのコードで定義されていると私は前に使用されて見ていない表示されません。なぜ単にセキュリティの問題が発生していないDOMにスタイルの変更を直接適用するのではなく、JavaScriptでスタイルシートを変更しようとしていますか？

Answer 2

でのおかげであなたはこれをJavaScriptでスタイルを変更することができます。

elm.style.display = "none"; 

が、それらは読書スタイルにquirksmode getStylesを参照して、書き込み専用です。

@import vsを使用するか、JavaScriptの後にスタイルを配置するなど、特定の競合条件が発生する可能性がありますので、おそらくwindow.onloadの後にスタイルを取得しようとします。

Answer 3

FFにロードされる前にスタイルを変更しようとしていると思います。 Javascriptの呼び出しを終了タグの直前に移動し、window.onLoadイベントでそのメソッドを作成するか、JSライブラリを使用している場合は同等です。