HTML DOM offsetHeight 属性

HTML DOM Element オブジェクト

offsetHeight読み取り専用の属性で、整数形式で要素の高さを返します。これには、垂直の填充と枠線が含まれます。

通常、offsetHeightは、要素のCSS高さのピクセル測定値であり、どんな枠線や填充、水平スクロールバー（存在する場合）も含まれます。これは、例えば、以下のようなペルソナ要素の高さを含みません。:: beforeまたは:: after。

この属性について理解するには、以下のことを理解する必要があります。CSSボックスモデル。

を使用してclientHeightおよびclientWidthこの属性は、要素の見える高さと幅を返します。これには、填充が含まれますが、枠線、マージン、および（存在する場合）スクロールバーは含まれません。

文法：

element.offsetHeight

var　elem　=　document.querySelector("div");
var　txt　=　"高さには　paddingを含む"　+border:　"　+　elem.offsetHeight　+　"px<br>";
txt　+=　"幅員には　paddingを含む"　+　border:　"　+　elem.offsetWidth　+　"px";

ブラウザの互換性

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

技術的詳細

さらに例

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

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

関連参考

HTML DOM 参考：offsetWidth属性

HTML DOM 参考：offsetLeft属性

HTML DOM 参考：offsetTop属性

HTML DOM 参考：offsetParent属性

HTML DOM Element オブジェクト