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

クロスドメイン要素の計算されたスタイル値の取得

異なるドメインの iframe を操作する場合、計算されたスタイル情報にアクセスするのは困難な場合があります。計算されたスタイルを取得するには、以下で提供される包括的なソリューションに従ってください。

WebKit ブラウザ

WebKit ベースのブラウザの場合は、次のコード スニペットを使用します:

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

または、計算された値に CSS としてアクセスすることもできますtext:

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

Internet Explorer

Internet Explorer の場合、'currentStyle' プロパティを使用します:

document.getElementById("frameId").contentDocument.body.currentStyle.height

Iframe コンテンツ

ただし、計算されたスタイルを取得するには、 iframe のコンテンツを確認するには、次の手順を使用して DOM にさらに深く移動する必要があります:

1. iframe ドキュメントへの参照を取得します:

   var iframeDoc = document.getElementById("frameId").contentDocument;

   ログイン後にコピー
2. 説明に従ってブラウザの種類に基づいて適切なコードを実行します。

例

計算されたスタイルを取得したら、次のようにアクセスできます。

iframeDoc.getElementById("brshtml").style.height

「brshtml」ID がターゲットドキュメントに存在しない場合は、調整する必要がある場合があります。

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