속성 offsetHeight
속성 offsetHeight은 요소의 전체
높이를 포함합니다(요소 자체의 너비,
테두리 높이, 내부 여백,
스크롤 막대 포함):
문법
요소.offsetHeight;
예제
요소의 전체 크기를 알아봅시다:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetHeight);
코드 실행 결과:
150
참고 항목
-
속성
clientHeight,
테두리 안쪽의 요소 높이를 포함합니다 -
속성
offsetWidth,
요소의 전체 너비를 포함합니다 -
메서드
getComputedStyle,
요소의 CSS 속성 값을 가져옵니다
