获取元素的实际浮点宽度

获取元素的实际浮点宽度

如果您已经有对DOM元素的引用，

element.getBoundingClientRect

将为您提供所需的值。

该方法自Internet Explorer 4起就存在，因此可以在任何地方安全使用。但是，

width

and

height

属性仅在IE9
+中存在。如果支持IE8及以下版本，则必须计算它们：

var rect = $("#a")[0].getBoundingClientRect();var width;if (rect.width) {  // `width` is available for IE9+  width = rect.width;} else {  // Calculate width for IE8 and below  width = rect.right - rect.left;}

getBoundingClientRect

比

window.getComputedStyle

Chrome 28快70％，而Firefox的区别更大