几个html常用取尺寸属性

scrollLeft:对象左边界与对象当前可视左边界之间距离
scrollWidth：对象可滚动宽度
scrollTop：对象上边界与对象当前可视上边界距离
scrollHeight：对象可滚动高度


offsetTop:对象距上边界距离
offsetLeft：对象距左边界距离
offsetHeight:相对父容器高度
offsetWidth:相对父容器宽度


clientWidth:获取对象可视区域的宽度
clientHeight:height+padding   document.body.clientHight   获得客户区域(浏览器窗口,不包括菜单栏和状态栏,就是内容窗口)的宽度
clientTop:borderTopWidth
clientLeft:borderLeftWidth


offsetTop 与 style.top 的区别


预备知识：offsetTop、offsetLeft、offsetWidth、offsetHeight
我们知道 offsetTop 可以获得 HTML 元素距离上方或外层元素的位置，style.top 也是可以的，二者的区别是：
一、offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。
二、offsetTop 只读，而 style.top 可读写。
三、如果没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。