プロパティ offsetHeight

プロパティ offsetHeight は、要素の完全な 高さ(要素自体の幅、ボーダーの高さ、内部のパディング、 スクロールバー)を含みます:

構文

javascript要素.offsetHeight;

例

要素の完全なサイズを調べてみましょう:

html<div id="elem"></div>
css#elem {
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}
javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetHeight);

コード実行の結果:

javascript150

関連項目

  • プロパティ clientHeight,
    これはボーダー内の要素の高さを含みます
  • プロパティ offsetWidth,
    これは要素の完全な幅を含みます
  • メソッド getComputedStyle,
    これは要素のCSSプロパティの値を取得します