JavaScriptオブジェクト

JavaScriptリファレンスマニュアル

JS DOMリファレンスマニュアル

JavaScript History オブジェクト HTML DOM Element オブジェクト

HTML DOM clientHeight属性

HTML DOM Element オブジェクト

clientHeight読み取り専用属性は、要素の見える高さ（ピクセル単位）を返します。フィルリングを含みますが、境界、余白、水平スクロールバー（存在する場合）を含みません。

clientHeightは次のように計算できます：CSS高さ+ CSSフィルリング-水平スクロールバーの高さ（存在する場合）を理解する必要があります。

この属性について理解するには、CSSボックスモデル。

を使用して、offsetHeight属性は、要素の見える高さ（フィルリング、枠線、水平スクロールバーを含む）を返します。

文法：

element.clientHeight

例

var　elem　=　document.querySelector("div");
var　txt　=　"高さを含むフィルリング:　"　+　elem.clientHeight　+　"px<br>";
txt　+=　"幅員を含むフィルリング:　"　+　elem.clientWidth　+　"px";

テストをしてみる‹/›

ブラウザの互換性

すべてのブラウザがclientHeight属性を完全にサポートしています：

属性
clientHeight	は	は	は	は	は

技術的な詳細

返り値：	ピクセル単位の数字で、要素の高さを示し、パディングも含みます

さらに例

この例ではclientHeightとoffsetHeightの違いを示します：

例

var　elem　=　document.querySelector("div");
var　txt　=　"Height　+　padding:　"　+　elem.clientHeight　+　"px<br>";
txt　+=　"Height　+　padding　+　border:　"　+　elem.offsetHeight　+　"px";