DOM 位置大小操作

1.偏移量

有四个属性可以获取元素的宽高和偏移量：

1.offsetWidth：元素宽 （边框+内边距+宽）

2.offsetHeight：元素高（边框+内边距+高）

3.offsetTop：相对于父级元素到顶部的距离 

4.offsetLeft：相对于父级元素到左边的距离

如图：

2.客户区大小

1.clientWidth：内边距+宽

2.clientHeight：内边距+高

如图：

3.滚动区域大小和偏移量

1. scrollHeight ：在没有滚动条的情况下，元素内容的总高度，在有滚动条下，为元素总高度-滚动条高度。

2. scrollWidth ：在没有滚动条的情况下，元素内容的总宽度，在有滚动条下，为元素总宽度-滚动条宽度。

3. scrollLeft ：被隐藏在内容区域左侧的像素数。通过设置这个属性可以改变元素的滚动位置。

4. scrollTop ：被隐藏在内容区域上方的像素数。通过设置这个属性可以改变元素的滚动位置。

如图：