通过id获取元素当前高度

我有一个元素如下

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

本质上，导航位于左侧，内容位于右侧。

现在我正在动态调整两者的大小loadContent and loadNavigation页面加载时的最小高度为浏览器窗口高度。尽管在某些情况下，如果一个 div 超过了窗口高度，则其中一个 div 的长度将不会超过另一个。为了防止这种情况发生，作为一个例子，我想增加loadNavigation大小与loadContent通过获取高度值loadContent.

到目前为止我已经尝试过：

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";
}

But currentContentHeight将返回 null。我相信这是因为该元素具有style="min-height:00px;"但不是实际定义的高度？

任何正确方向的指示将不胜感激。

尝试偏移高度：

var currentContentHeight = contentElement.offsetHeight; 

查看此页面以了解更多高度/宽度属性以及它们如何跨浏览器处理 -怪异模式 http://www.quirksmode.org/dom/w3c_cssom.html