【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;

コメント

タイトルとURLをコピーしました