获取iFrame的当前高度并将该高度应用于父div

Question

我在div中有一个iFrame。我需要iFrame上的位置是绝对的（这是一个非常长的故事）。当位置是绝对的时，内容将覆盖其下方的内容。如何获取iFrame的当前高度并将该数字设置为父div的高度以便将其他内容向下推，从而产生iFrame内容不再位于其余内容之上的错觉？

做了大量的研究并在js中尝试了很多东西。请帮忙，如果你感觉很好，请给我一些好的代表:)

感谢。

<div <style="height:[want this to be height of iframe after loading content]">
<iframe src="mydoc.html" style="position:absolute"></iframe>
</div>
<div>Other content that is now displaying under iFrame content</div>

Answer 1

$(document).ready(function() {
   var iframeHeight = $('iframe').height();
   $('div').css('height', iframeHeight);
});

如果您的元素上有选择器，那么在vanilla js中执行此操作将是微不足道的。