Element.getDimensions - Prototype JavaScript 框架

Xunxin Prototype API

getDimensions

getDimensions(element) -> {height: Number, width: Number}

获取 elementwidthheight,并返回一个对象,包括宽高的名值对。

通过内联的样式规则或者 CSS 样式表将元素的显示设置为 none 后,这个方法仍然返回元素本身所具有的尺寸,而不是返回 0。

为避免重复调用这个方法,可以考虑使用一个变量缓存返回的值,就像下面的示例一样。如果只是需要 element 的宽度或者高度,請使用 Element.getWidthElement.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