속성 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 속성 값을 가져옵니다