如何将 div 宽度从 iframe 发送到父页面

【问题标题】：How to send the div width from an iframe to the parent page如何将 div 宽度从 iframe 发送到父页面
【发布时间】：2015-06-19 03:49:51
【问题描述】：

我想将 iframe 中的 div 宽度共享到父页面。

在父级我使用：

var mysize = function(size) {
    console.log(size);
}

在 iframe 中，我有这个：

<div id="loadzone" style="display: inline-block;">
content
</div>

$(document).ready(function() {
    parent.mysize($('#loadzone').width());
});

问题是，我收到的是 iframe 宽度的大小，而不是 iframe 的真实 div 宽度。

感谢您的帮助。

【问题讨论】：

【解决方案1】：

从 jQuery 选择器发送第一个（第 0 个）元素：

parent.mysize($('#loadzone')[0]);

【讨论】：

感谢您的回复。但是我怎样才能得到宽度值呢？
啊，我可能误解了你的问题。通过的宽度可能是正确的。可能发生的情况是 #loadzone 元素的大小可能与您的 iframe 相同。您可以通过在大多数现代浏览器中右键单击元素并单击“检查元素”来确定这一点。
div 的大小大于 iframe 的大小。我想传递真正的 div 宽度，并且似乎正在占用 iframe 的最大大小。