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: [