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

Question

我正在为我的网站编写一个新主题，我遇到了动态调整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时，我是一个完整的菜鸟，所以任何帮助都会很棒。

Answer 1

见rajesh的回答。

对于if语句：不要忘记括号（以及所有分号）。

if (diff > 0)

Answer 2

这样的事情应该有效：

 $('iframe').height();
 $('iframe').contents().find('#content').height();
 $('iframe').contents().find('#question').height();