offsetWidth:获取元素的宽
offsetHeight:获取元素的高
offsetLeft:获取元素距离左边的值
offsetTop:获取元素距离上边的值
如果没有脱离文档流:父级元素的margin+父级元素的padding+父级元素的border+自己的margin
如果脱离文档流:主要是自己的left和自己的margin
scroll系列
scrollWidth:元素中内容的实际宽度,如果没有内容,就是元素的宽,不加边框,如果内容不足,就是元素的宽度
scrolHeight:元素中内容的实际高度,如果没有内容,就是元素的宽,不加边框,如果内容不足,就是元素的高度
scrollLeft:向左卷曲出去的距离
scrollTop:向上卷曲出去的距离
可视区域
clientWidth:可视区域的宽度(没有边框),边框内部的宽度
clientHeight:可视区域的高度(没有边框),边框内部的高度
clientLeft:左边边框的宽度
clientTop:上面边框的宽度
clientX:可视区域的横坐标
clientY:可视区域的纵坐标
原文:https://www.cnblogs.com/feiboy1126/p/14071296.html