按ID获取元素的当前高度

我有一个元素如下

<div id="loadNavigation" style="width:20%"></div>
<div id="loadContent" style="width:80%"></div>

基本上导航在左边,内容在右边。

现在我正在动态调整两者的大小 loadContent 和 loadNavigation 页面加载的最小高度为浏览器窗口的高度。不过,如果超过窗口高度,那么在某些点上,没有一个分区的长度超过另一个分区的长度。为了防止这种情况的发生,作为一个例子,我想增加 载入导航 尺寸与 负荷含量 通过获取的高度值 负荷含量 .

到目前为止,我已经尝试过:

function resizeAppWindow() {

    var windowHeight = getWindowHeight();
    var contentElement = document.getElementById("content");
    var contentHeight = (windowHeight - 25);

    contentElement.style.minHeight = contentHeight + "px";

    var currentContentHeight = contentElement.style.height;
    var navigationElement = document.getElementById("navigation");
    var differenceInHeight = currentContentHeight - windowHeight;
    var navigationHeight = (windowHeight + differenceInHeight);

    navigationElement.style.minHeight = navigationHeight + "px";
}

但是 currentContentHeight 将返回空值。我认为这是因为元素 style="min-height:00px;" 但不是实际定义的高度?

任何指向正确方向的指针都会受到赞赏。