javascript - jQuery 的 width() 函数的 Javascript 等价物是什么？

Question

我希望能够计算 width css 属性设置为 'auto' 的元素的宽度(以像素为单位)。

我试过 element.style.width 但没有成功，因为它返回了 'auto'。我注意到 jQuery 函数 width() 返回以 px 为单位的长度，但我不能使用 jQuery 来解决这个问题，因为它在我的页面中不可用。那么，有人知道 jQuery width() 的等效方法吗？

谢谢。

Answer 1

jQuery 使用...

element.getBoundingClientRect().width

在内部，它还有一些其他的东西来处理浏览器的差异。

它返回元素渲染后的尺寸，而 .offsetxx 则根据盒子模型返回尺寸。

element.getBoundingClientRect()

是获取元素“真实”尺寸的最准确方法。

这是 John Resig(jQuery 的作者)关于此事的帖子。

• http://ejohn.org/blog/getboundingclientrect-is-awesome/