js获取元素大小以及位置

1.elem.offsetTop:获取元素的上偏移
2.elem.offsetLeft:获取元素的左偏移
(在chrome和ie8+偏移值都是相对body做的偏移)
(ie7-是相对父元素偏移)
3.elem.offsetWidth:获取元素边框及边框以内的宽度
4.elem.offsetHeight:获取元素边框及边框以内的高度
(由于渲染方式不同在ie和chrome中获取的大小是不一样的)
5.elem.offsetParent:获取偏移父元素
(不管什么浏览器通过偏移父元素都可以迭代出相对body的偏移量)
6.elem.clientHeight:客户区高度(就是padding+content的高度)
7.elem.clientWidth:客户区宽度(就是padding+content的宽度)
8.elem.scrollHeight:滚动高度(就是padding+content的宽度,不含有滚动条)
9.elem.scrollWidth:滚动宽度(就是padding+content的宽度,不含有滚动条)
   (注:对于上面的4个高宽是除了body和html的
   对于body元素:clientWidth和scrollWidth都等于浏览器视口宽度,而clientHeight等于内部
      元素的高度,scrollHeight在没有滚动的请款下等于视口的高度,在有滚动的情况下等于内部元素的高度
   对于html元素:clientWidth和scrollWidth都等于浏览器视口宽度,而clientHeight等于视口高度,
      scrollHeight等于内部元素的高度)
10.elem.scrollLeft:由于滚动被隐藏的部分的宽度
11.elem.scrollTop:由于滚动被隐藏的部分的高度
12.elem.getBoundingClientRect():获取元素的大小以及位置，返回一个对象包含以下内容:
{
   height:元素高度
   width:元素宽度
   top:元素顶部距离视口上边的距离
   bottom:元素底部距离视口上边的距离
   left:元素左边距离视口左边的距离
   right:元素右边距离视口左边的距离

}
(对于ie8-而言left和top会有2px多余，同时也没有widh和height属性)