获取元素的宽和高

元素所占用空间的宽和高

包括border, paddding, 滚动条, 以及子元素的矩形空间, 不包括(或者说考虑)子元素溢出(overflow)的情况. 获得该矩形的宽和高可以使用offsetWidth和offsetHeight方法. 若元素有旋转(transform)效果, 想获得元素的真实所占矩形空间的高和宽可以使用getBoundingClientRect()方法, 此时用offsetWidth或offsetHeight获得的值相当于不考虑旋转时的元素宽和高.

元素展示内容的宽和高

包括padding以及子元素的整个(即包括溢出未能显示的内容)的矩形空间, 不包括border, margin以及滚动条. 获取展示宽和高的方法是scrollWidth, scrollHeight

来自 <https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements> 

获取元素的宽和高

原文：http://www.cnblogs.com/southparkowner/p/4366245.html