offsetHeight, clientHeight, scrollHeight

offsetHeight offsetWidth 값은 그 객체를 포함하고 있는 상위객체의 레이아웃 또는 좌표와 관련된 높이와 폭의 값입니다.

이와 관련하여 clientHeight 과 clientWidth 값이 있습니다.

이는 실제 웹페이지에 접속한 사용자가 가시적으로 보는 높이와 폭의 값입니다.
이에 대한 비교자료를 링크걸어 놓을테니 이를 통해 두개의 차이를 확인 하시기 바랍니다.

비교자료보기

clientHeight	스크롤바를 포함하는 요소의 높이를 반환
	object.clientHieght
clientWidth	스크롤바를 포함하는 요소의 폭을 반환
	object.clientWidth
scrollHeight	스크롤바를 움직이지 않고 보여지는 요소의 전체 높이
	object.scrollHeight
scrollLeft	요소의 왼쪽 스크롤 된 폭을 반환
	object.scrollLeft
scrollTop	요소의 위쪽 스크롤 된 높이를 반환
	object.scrollTop
scrollWidth	스크롤바를 움직이지 않고 보여지는 요소의 전체 폭
	object.scrollWidth