【clientHeight】javascriptで高さを取得する方法

要素のボックスの高さを取得したいときがあると思います。

clientHeightを使って高さを取得する

clientHeightは表示域の高さを取得するプロパティになります。

簡単に説明すると目で見える部分の純粋な高さを取得することができます。

getElementByIdを使う場合

html

<div id="app">
	<p>テキスト</p>
	<p>テキスト</p>
	<p>テキスト</p>
</div>

js

var elem = document.getElementById('app');
var elem_ht = elem.clientHeight;

getElementByIdを使う場合

html

<div class="app">
	<p>テキスト</p>
	<p>テキスト</p>
	<p>テキスト</p>
</div>

js

var elem = document.getElementsByClassName('app');
var elem_ht = elem[0].clientHeight;