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

Question

我有與下面的HTML結構的論壇：

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

基本上，我需要#main的高度設置爲文檔減去其他2種元素的高度的高度。問題是我必須這樣做沒有jquery.I谷歌搜索問題，並找到clientHeight方法，但它返回高度作爲一個數字，而我需要它作爲像素。

所以，問題是：有沒有什麼辦法可以在純JavaScript中獲得像素高度？

Answer 1

clientHeight將返回一個數字，但它是像素值。

添加計算值並在其末尾添加+"px"。

你想設置的div#main的HIGHT的代碼是低於

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

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