如何選擇此iframe的子項？

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

我想讓iframe的高度等於HTML高度這樣如何選擇此iframe的子項？

document.getElementById("fre").style.height.value = 
document.getElementById("???").style.height();

如何選擇HTML？

即使我設法選擇它，是否可以用iframe來做到這一點？

來源

2011-08-01 Andrei Cristian Prodan

你有沒有得到這個解決？ – canon

對不起，我不記得了。說實話，有趣的是，3年後閱讀這篇文章，我甚至都不明白這個問題。 –

@canon其實我記得，它可能是下面的答案，雖然我不記得測試它。我發現我可能使用了一些代碼，可能是這樣的 var $ theIframe = document.getElementById（'the_iframe'）。contentWindow; （'。class_a> .active [data-id]'））。attr（'data-id'）; var $ some_variable = $（$ theIframe。$。這就是你如何選擇iframe內的東西（抱歉沒有時間測試和寫入/格式化） –

我記得，除非來自同一個域，否則無法訪問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。根據您的瀏覽器，您可能會有contentDocument屬性代替contentWindow。}

來源

2011-08-01 13:35:09 canon

如何選擇此iframe的子項？

回答

相關問題