純粋なJavaScriptの高さをピクセルで取得する方法は？

Question

は、私は、次のHTML構造のフォーラムを持っている：

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

基本的に、私は、ドキュメントの高さマイナス他の2つの要素の高さに#mainの高さを設定する必要があります。問題は私がjqueryなしでそれをしなければならないことです。私は問題を見つけて、clientHeightメソッドを見つけましたが、ピクセルとして必要なときに、数値として高さを返します。

質問：純粋なjavascriptの高さをピクセル単位で取得する方法はありますか？

Answer 1

clientHeightは数値を返しますが、ピクセル値です。

計算された値を加算し、最後に+"px"を追加します。 CSSを使用しないのはなぜ

あなたがdiv#mainの絶頂を設定するコードは

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>