[Javascript] offsetHeight, cilentHeight, scrollHeight 의 비교

1. element.offsetHeight, element.offsetWidth

- W3C 권고안이 아님 (MSIE's DHTML Object Moldel)

- element 의 border. 수직/수평 padding. css width 를 포함한 너비 or 높이 (즉, 화면을 봤을 때 보여지는 엘리먼트의 크기)

2. element.clientHeight, element.clientWidth

- W3C 표준 아님 (MSIE's DHTML Object Moldel)

- element 의 border 를 뺀 안쪽의 너비 or 높이 (즉, 화면에서 테두리를 뺀 엘리먼트의 안쪽의 크기)

3. element.scrollHeight, element.scrollWidth

- W3C 권고안 아님 (MSIE's DHTML Object Moldel)

- 엘리먼트의 스크롤 너비 or 높이

사진출처 http://blog.naver.com/islove8587