javascript - 获取 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 中执行此操作将是微不足道的。