一.offset系列
offsetWidth=width+左右padding+左右border
offsetHeight=height+上下padding+上下border
offsetLeft:
1,如果父元素没有定位,就是相对于左侧浏览器的距离
2,如果父元素有定位,就是相对于左侧父元素的距离
offsetTop:
1、如果父元素没有定位,就是相对于上侧浏览器的距离
2、如果父元素有定位,就是相对于上侧父元素的距离
二.client系列
clientWidth = width + 左右padding
clientHeight = height + 上下padding
clientLeft = border-left
clientTop = border-top
三.scroll系列
scrollWidth = width + 滚动条的最大卷去宽度
scrollHeight = height + 滚动条的最大卷去高度
scrollLeft = 滚动条卷去的宽度
scrollTop = 滚动条卷去的高度
scrollLeft和scrollTop:两个属性可以设置,但必须在滚动事件下才能获取到。