scrollHeight, clientHeight, offsetHeight

웹페이지와 요소의 높이값을 얻는 속성은 대표적으로 scrollHeight, clientHeight, offsetHeight 가 있다.

 

각 속성의 의미는

 

scrollHeight는 요소에 들어있는 컨텐츠 자체의 전체 높이이다. 패딩과 보더 포함, 마진 제외

clientHeight는 요소의 내부 높이이다. 패딩 포함, 스크롤바, 보더, 마진 제외

offsetHeight는 요소의 높이이다. 패딩, 스크롤바, 보더 포함. 마진 제외