原生js获取元素大小

1.偏移量

offsetHeight：元素在垂直方向上占用的空间大小，包括元素的高度、（可见的）水平滚动条的高度、上边框高度和下边框高度。

offsetWidth：元素在水平方向上占用的空间大小 

offsetLeft：元素的左外边框至包含元素的左内边框之间的像素距离 

offsetTop：元素的上外边框至包含元素的上内边框之间的像素距离


2.客户区大小

有关客户区大小的属性有两个： clientWidth和 clientHeight 

clientWidth 属性是元素内容区宽度加上左右内边距宽度；clientHeight 属性是元素内容区高度加上上下内边距高度。 

3. 滚动大小

scrollHeight：在没有滚动条的情况下，元素内容的总高度。
scrollWidth：在没有滚动条的情况下，元素内容的总宽度。
scrollLeft：被隐藏在内容区域左侧的像素数。通过设置这个属性可以改变元素的滚动位置。
scrollTop：被隐藏在内容区域上方的像素数。通过设置这个属性可以改变元素的滚动位置。