整合：元素偏移量offset系列、元素可视区client系列、元素滚动scorll系列

一、元素偏移量offset系列

使用offset 系列相关属性可以动态的得到该元素的位置（偏移)、大小等。

1.element.offsetParent

获取当前元素带有定位的父元素，如果都没有定位返回body

2.element.offsetTop

获取元素距离带有定位的父元素的上方偏移

3.element.offsetLeft

获取元素距离带有定位的父元素的左侧偏移

4.element.offsetWidth

获取元素自身宽度，包含padding、border

5.element.offsetHeight

获取元素自身高度，包含padding、border

二、元素可视区client系列

使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。

1.element.clientTop

返回元素上边框的大小

2. element.clientLeft

返回元素左边框的大小

3. element.clientWidth

返回自身包括padding 、内容区的宽度，不含边框

4. element.clientHeight

返回自身包括padding 、内容区的高度，不含边框

三、元素滚动scorll系列

1. element.scrollTop

返回被卷去的上侧距离

2. element.scrollLeft

返回被卷去的左侧距离

3. element.scrollWidth

返回元素自身实际的宽度，不含边框

4. element.scrollHeight

返回元素自身实际的高度，不含边框

 

注：以上元素身上的属性均为只读属性，返回数值不带单位，要设置元素样式应使用style属性