クロスドメイン Iframe 内の要素の計算されたスタイルにアクセスするにはどうすればよいですか?

クロスドメイン iframe で要素の計算されたスタイルにアクセスする

クロスドメイン iframe 内の要素の計算されたスタイル値を取得したいと考えています。 。この要素のスタイル情報には、クロスオリジン制限のため直接アクセスできません。

この制限を克服するには、window.getComputedStyle() メソッドを利用できます。このメソッドは Firefox、Opera、Safari などのブラウザで使用でき、要素の計算されたスタイルを取得できます。

使用法:

const element = document.getElementById("frameId");
const computedStyle = window.getComputedStyle(element);
const height = computedStyle.getPropertyValue("height");
const width = computedStyle.getPropertyValue("width");

上記のコードは、ID を持つ iframe 内の要素の計算された高さと幅を取得します。 "frameId."

注:

IE では currentStyle プロパティを使用して計算されたスタイルにアクセスできますが、ブラウザーごとに異なるオブジェクトが返されることに注意してください。計算されたスタイル。

iframe のコンテンツの計算されたスタイルを取得したい場合は、 iframe の DOM に移動し、同じテクニックをそのドキュメントに適用する必要があります。

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