javascript - 在iframe中访问和调整div的高度

我目前正在为我的网站编写一个新主题，并且在动态调整 iframe 中 div 元素的高度时遇到问题。 iframe 中的源位于我的域中，但我无法直接编辑它。

我想做的是有一个脚本可以读取 iframe 的高度(例如 1000px)，读取 iframe 内两个 div 的高度(例如 #content height=200px 和 #question height =600px) 。然后它会调整这两个高度以适合 iframe 页面。

所以我猜应该是这样的:

var height = $('iframe').height();
var content_height = $('iframe').contents().find('#content').height();
var question_height =  $('iframe').contents().find('#question').height();
var diff = height - content_height - question_height
if diff > 0
   "new content height" = content_height + diff/2
    "new question height" = content_question + diff/2
end

对于 javascript，我是一个十足的菜鸟，所以任何帮助都会很棒。

最佳答案

查看拉杰什的回答。

对于 if 语句:不要忘记括号(以及所有分号)。