1

我的 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;

任何想法为什么？

4

1 回答 1

2

假设您的实现是您的两个 iframe 嵌套在主页中，那么您尝试做的事情将不起作用。

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

为了让您的 HTML 正确，您必须将 firstiframe的src属性设置为包含iframe2

编辑：您可以在此处查看使用 jquery 的一种方法的示例：http: //jsfiddle.net/D9BX8/（注意：我使用 jquery 而不是“原始 JS”，因为这是我所知道的。我确信有一些谷歌搜索如果您不在您的网站上使用 jquery，您可以将其翻译成基本的 JS）

于 2013-10-15T22:13:11.563 回答