2011-08-01 4 views
1
<div id="google" class="ui-tabs-panel" style="display: block;"> 
<iframe id="fre" name="fre" src="http://www.google.com/search?q=xxxx"> 
    <html> 
    ..... 
    </html> 
</iframe> 
</div> 

私は、HTMLを選択するにはどうすればよい このiframeの子を選択するにはどうすればよいですか?

このような
document.getElementById("fre").style.height.value = 
document.getElementById("???").style.height(); 

HTMLの高さにiframeの高さが等しくなるようにしたいですか?

iframeで選択することはできますか?

+0

解決しましたか? – canon

+0

申し訳ありませんが、私は覚えていません。正直言って、面白いことに、これを3年後に読むと、私はその質問を理解することさえできません。 –

+0

@canon実際に私は覚えていますが、それは以下の答えかもしれませんが、私はそれをテストするのを覚えていません。おそらく私が使用したコードがいくつか見つかりましたが、このようなものでした。 var $ theIframe = document.getElementById( 'the_iframe')。contentWindow; attr( 'data-id');var $ some_variable = $($ theIframe。$。find( '。class_a> .active [data-id]')そして、それはあなたがiframe内のものを選択する方法です(申し訳ありませんが、テストや書き込み/フォーマットの時間はありません) –

答えて

4

iframeのソースのDOMにアクセスできないのは、同じドメインのものでない限りです。

ので、親/ IFRAMEを使用すると、IFRAMEのcontentWindow プロパティ...ドキュメントを取得することができ、そこからをお勧めします同じドメインで提供されます。

var frame = document.getElementById("fre"); 
var frameDoc = frame.contentWindow.document; 
frame.style.height = frameDoc.getElementById("childElementId").style.height; 

HTMLIframeElement. contentWindowを参照してください。お使いのブラウザによっては、contentWindowの代わりにcontentDocumentが表示される場合があります。

関連する問題