iframeからの要素の取得

Question

iframeの<p>等のテキスト要素を取得して、iframeを表示している親ページに要素を落とし込みたいのですが、$("p")等でjQueryでタグをしての取得はできないのでしょうか？

Comments

[kei344]

iframe の中のページと外のページは同じドメイン内でしょうか。

[YuukiOgawa]

ご回答頂き誠にありがとうございます。同じドメインとなります。

Answer 1

$("p")等でjQueryでタグをしての取得はできないのでしょうか？

それでは親ページの p 要素しか取得できないはずです。

iframe は親ページとは別 window で、その中の document オブジェクトを取得するには contentWindow プロパティ（IE 用）または contentWindow.document（Firefox 他）を使います。

具体例は以下の記事を見てください。（注：その記事のコードの $get() は document.getElementById() と同じです）

http://surferonwww.info/BlogEngine/post/2013/01/27/hide-modalpopup-by-clicking-a-button-placed-in-another-page.aspx

ただし、iframe に表示するページは親ページと同じドメインのものでないと DOM が取得できないので注意してください（クロスサイトスクリプト対策だそうです）。

Comments

[YuukiOgawa]

詳しく説明して頂きありがとうございます。
ご指摘のように修正しました所無事実装できました。