クロスドメイン iframe から計算されたスタイルを取得するにはどうすればよいですか?

クロスドメイン iframe から計算されたスタイルを取得する

この記事では、別のドメインにある iframe 内の HTML 要素の計算されたスタイルを取得することに焦点を当てます。目標は、ブラウザが計算して使用する高さや幅などの特定の CSS プロパティを取得することです。

計算されたスタイルにアクセスするには、次を利用できます:

IE 以外のブラウザ

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyValue("height")

このスクリプトは、計算された要素の高さを返します。あるいは、以下を使用することもできます。

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyCSSValue("height").cssText

IE

element.currentStyle

このメソッドは、指定された要素の現在のスタイル オブジェクトを返します。

クロスドメインの考慮事項

クロスドメイン制限により iframe に直接アクセスできないため、必要な要素にアクセスする別の方法を見つける必要があります。これを行うには、iframe のドキュメントの DOM を操作します。

ターゲット要素の選択

目的の要素を選択するには、次のコマンドを使用できます:

document.getElementById("frameId").contentDocument.getElementById("brshtml")

これは、iframe のドキュメントの head 要素の ID が「brshtml」であることを前提としています。

以上がクロスドメイン iframe から計算されたスタイルを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。