iFrame 内の要素にアクセスするにはどうすればよいですか?

iFrame 内の要素へのアクセス

コンテンツを操作したり、埋め込まれたフレームからデータを収集したりするには、iFrame 内からの要素の取得が必要になる場合があります。その方法は次のとおりです:

メソッド:

iFrame 内から DIV 要素を取得するには、次のコードを使用します:

var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;

または、もっと単純に:

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

innerDoc を取得したら、アクセスできます。

innerDoc.getElementById('divId');

注:

を使用して、ID で DIV 要素を指定します。そのコンテンツへのアクセス。クロスサイト スクリプティングは、同一オリジン ポリシーによって防止されます。

参照:

• MDN: [<iframe>スクリプト](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe)
• MDN: [同一オリジン ポリシー: クロスオリジン スクリプト API アクセス](https ://developer.mozilla.org/en-US/docs/Glossary/Same-origin_policy)

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