DOM

HTMLElement.offsetHeight プロパティ

[Edge]。読取専用。→

element のボーダーを含む内容領域の高さを数値で返します。

通常、offsetHeight は、マージン（¶）、ボーダー、パディング、および水平スクロールバー（レンダリングされている場合）を含む、要素の CSS height のピクセル単位の測定値です。::before や ::after などの擬似要素の高さは含まれません。ドキュメントの body オブジェクトの場合、測定値には、要素の CSS height ではなく、線形コンテンツの高さの合計が含まれます。他の線形コンテンツの下に広がる浮動要素は無視されます。

構文

値

ピクセルを表す整数値。

例えば、要素またはその祖先のいずれかで style.display を "none" に設定することにより要素が非表示の場合は 0 が返されます。

このプロパティは、値を整数に丸めます。小数値が必要な場合は、element.getBoundingClientRect() を使用します。

例

offsetHeight

<SPAN id=IdSpan style="border:15px solid red;">SPAN要素</SPAN>
<DIV id=IdDiv style="overflow:scroll; width:100px; height:100px; font-size:20px;
 margin:10px;
 border:15px solid red;
 padding:10px;
">aaaaaaaaaaaaaaaa<BR>
 あ<BR>
 い<BR>
 う<BR>
 え<BR>
 お<BR>
 か<BR>
 き<BR>
 く<BR>
 け<BR>
</DIV>

D=IdSpan.offsetHeight; //＝[number]：49
D=IdDiv.offsetHeight;  //＝[number]：150

テスト