查看了博文http://www.cnblogs.com/fullhouse/archive/2012/01/16/2324131.html
然后自己写一下加深印象。
clientHeight:可见高度。
clientWidth:可见宽度。
clientTop:对象border-top.
clientLeft:对象border-left.
offsetHeight:当前对象的高度。
offsetWidth:当前对象的宽度。
offsetTop:当前对象到上层顶部边的距离。
offsetLeft:当前对象到上层左边的距离。
scrollHeight:获取对象的滚动高度。
scrollWidth:获取对象的滚动宽度。
scrollTop:设置或获取位于对象最顶端和对象中可见内容的最顶端之间的距离
scrollLeft:设置或获取位于对象左边界和对象中目前可见内容的最左端之间的距离
clientHeight.offsetHeight.scrollHeight等的区别
原文：http://www.cnblogs.com/LDaiL/p/6478057.html