如何使用JavaScript计算div高度？

我开发了一些html页面。我想在更改页面div高度时调整侧菜单

<div>  <!-- menu div-->
</div> 
<div>  <!-- content div-->
</div>

更改内容div高度时，要更改菜单div中的相同高度。显示隐藏字段更改内容div高度时，我要调整相同高度中的菜单div高度。我正在jquery或JavaScript中寻找答案，请参见关于 及

或

---

您可以使用

bind/trigger

进行以下操作：

$('#content-div').bind('heightChange', function(event, newHeight){
  $('#main-div').height(newHeight);
});

并在div高度更改时触发事件：

var newHeight = 200;
$('#content-div').css('height', newHeight);
$("#content-div").trigger('heightChange', newHeight);

---

$（'div'）.height（）如果你想使用特定的div，你需要对它们应用ID。您可以使用伪元素，但在这种情况下这不是一个好的做法
$('#content-div').bind('heightChange', function(event, newHeight){
  $('#main-div').height(newHeight);
});

var newHeight = 200;
$('#content-div').css('height', newHeight);
$("#content-div").trigger('heightChange', newHeight);