Question

<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高度像这样

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

如何选择html？

即使我设法选择它，是否可以使用iframe执行此操作？

Answer 1

我记得，除非是来自同一个域，否则你无法访问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。}

如何选择此iframe的子项？

1 个答案: