getDimensions
getDimensions(element) -> {height: Number, width: Number}
获取 element
的 width
和 height
,并返回一个对象,包括宽高的名值对。
通过内联的样式规则或者 CSS 样式表将元素的显示设置为 none
后,这个方法仍然返回元素本身所具有的尺寸,而不是返回 0。
为避免重复调用这个方法,可以考虑使用一个变量缓存返回的值,就像下面的示例一样。如果只是需要 element
的宽度或者高度,請使用 Element.getWidth 或
Element.getHeight 方法。
注意:所有返回值都仅有数字,单位为像素。
样例
<div id="rectangle" style="font-size: 10px; width: 20em; height: 10em"></div>
var dimensions = $('rectangle').getDimensions();
// -> {width: 200, height: 100}
dimensions.width;
// -> 200
dimensions.height;
// -> 100