如何在純JavaScript中獲得像素的高度？

Question

我有一個具有以下HTML結構的論壇：

<div id="header">Contents</div>
<div id="main">Contents</div>
<div id="footer">Contents</div>

基本上，我需要將#main的高度設置為文檔的高度減去其他2個元素的高度。 問題是我必須在沒有jquery的情況下這樣做。 我用Google搜索了問題並找到了clientHeight方法，但它將高度作為數字返回，而我需要它作為像素。

所以，問題是：

有沒有辦法在純javascript中獲得像素的高度？

Answer 1

屬性.clientHeight將返回一個數字（高度，以像素為單位）。

在您的情況下，下面是重置div#main高度的代碼。 請注意，我們最后在.style.height中添加了一個“px”：

 document.getElementById('main').style.height = parseInt(window.innerHeight) - document.getElementById('header').clientHeight + document.getElementById('footer').clientHeight + "px"; 

 <div id="header">CONTENT</div> <div id="main">CONTENT</div> <div id="footer">CONTENT</div>