Question

我有以下代码在我的DOM中，我希望获得#iframe2

的高度

基本上，只要#iframe2的高度发生变化，我就必须改变#iframe1的高度。我已经添加了一个链接到下面的屏幕截图，我正在努力实现。

http://i.imgur.com/y3lz3v4.png

<div id="gpt-leaderboard">
   <iframe id="iframe1">
         <iframe id="iframe2" >
           <!-- Banner with dynamic height loads here-->
         </iframe>
    </iframe>
 </div>

我使用下面的代码来获取高度，但它不起作用

document.getElementById("gpt-leaderboard").getElementsByTagName('iframe')[0].getElementsByTagName('iframe')[0].style.height;

任何想法为什么？

Answer 1

假设您的实施是您的两个iframe嵌套在主页中，那么您尝试执行的操作将无效。

加载iframe1时，它将默认为空白文档。这意味着iframe2被删除，因为<iframe>标记内的任何内容都将被替换。

要正确使用HTML，您必须将首个iframe的{{1}}属性设置为包含src的页面

编辑：你可以在这里看到一个使用jquery的方法的例子：http://jsfiddle.net/D9BX8/（注意：我使用了jquery而不是“raw JS”，因为这是我所知道的。我相信你可以通过一些谷歌搜索如果你不在你的网站上使用jquery，请将其翻译成基本的JS）

如何使用纯JavaScript访问iframe内部和iframe

1 个答案: