我有一个带有iframe的页面,其中包含一个html文档.我需要从那个子文档中访问iframe的id,并且没有运气使用jQuery.基本结构是在我的页面内：
<div id="ContainingDiv">
<iframe id="ContainingiFrame">
<html>
<head></head>
<body>
</body>
</html>
</iframe>
</div>
在我的javascript方法中,我可以在< body>中找到任何内容.使用jQuery选择器的标签,但无法检索iframe元素以调整其大小.我已经尝试过一些东西,但我确实不是jQuery DOM导航方面的专家,特别是在涉及iframe的情况下(iframe与包含页面位于同一个域中.)有没有办法可以做到这一点？
解决方法
根本不需要jQuery.要获取父级的body对象,可以执行以下操作：
var parentBody = window.parent.document.body
如果它与你运行代码的iframe在同一个域中,那么一旦你有了,你可以在该对象上使用普通的javascript：
window.parent.document.getElementById("ContainingiFrame").style.height = "400px";
或者使用jQuery：
$("#ContainingiFrame",parentBody).height("400");
这是一篇关于在iframe中调整iframe大小的文章,示例代码为：http://www.pither.com/articles/2010/11/12/resize-iframe-from-within
并且,基于它自己的内容调整iframe大小的相关问题/答案：Resizing an iframe based on content
