Javascript 如何动态获取div的高度

Javascript 如何动态获取div的高度,javascript,jquery,html,Javascript,Jquery,Html,我有两个div,left和right,right div中的内容是动态设置的,因此我没有在html中指定它的高度,现在我想要的是left div的高度应该等于right div,如何根据right div的高度设置left div的高度,使用jquery,我尝试了 $("#leftDiv").height($("RightDiv").height()); 这似乎不起作用,因为我没有在html中指定右div的高度。 除了使用表格之外,还有其他出路吗。试试这个: $("#leftDiv").hei

我有两个div,left和right,right div中的内容是动态设置的,因此我没有在html中指定它的高度,现在我想要的是left div的高度应该等于right div,如何根据right div的高度设置left div的高度,使用jquery,我尝试了

$("#leftDiv").height($("RightDiv").height());
这似乎不起作用,因为我没有在html中指定右div的高度。 除了使用表格之外,还有其他出路吗。

试试这个:

$("#leftDiv").height($("#RightDiv").get(0).scrollHeight);
试一试

描述 看起来
RightDiv
的选择器不正确,或者加载DOM时忘记等待

样品 Html

<div id="leftDiv" style="border:1px solid red">left div</div>
<div id="RightDiv" style="height:100px; border:1px solid red">right div</div>
更多信息

$(“RightDiv”)
中,我想你的意思是
$(“#RightDiv”)
?你刚才是在这里打字还是复制粘贴?我不知道你是否有复制粘贴错误,但你缺少右div选择器前面的
-符号。它应该是
$(“#leftDiv”).height($(“#RightDiv”).height())我认为.css('height')采用css中设置的值,实际高度是多少并不重要。@Alex是正确的。要获得计算的高度(即使CSS中没有设置高度),使用.And添加
'px'
是不必要的,因为
.height()
返回并接受
Number
值:我没有使用
.height()
但是我使用
.CSS()
来设置高度,因为我不想复制其他人的答案,并且
.CSS()
也可以正常工作;)@PPvG它可以用来,取决于需求。需求似乎是使
div
同样高;不要使
div1
的内容与
div2
的内容一样高……好吧,这太过分了。请看一看。
<div id="leftDiv" style="border:1px solid red">left div</div>
<div id="RightDiv" style="height:100px; border:1px solid red">right div</div>
$(function() {
   $("#leftDiv").height($("#RightDiv").height());
})
$(function() {
 if($("#RightDiv").height() > $("#leftDiv").height()){    
           $("#leftDiv").css("height", $("#RightDiv").height() + "px");
        } else {
           $("#rightDiv").css("height", $("#leftDiv").height() + "px");
       }
}