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

标签 javascript jquery css width

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

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

谢谢。

最佳答案

jQuery 使用...

element.getBoundingClientRect().width

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

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

element.getBoundingClientRect()

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

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

关于javascript - jQuery 的 width() 函数的 Javascript 等价物是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6856361/

相关文章:

javascript - 在 x 轴文本上应用日期格式

javascript - Web Audio API - 调度问题

javascript - 使用 JQuery/JS 区分 HTML <p>

javascript - 如何以与更改另一个输入字段相同的数量更改一个输入字段?

html - 如何平均设置 flex 元素高度

javascript - 位置背景图像 - x 从顶部和 x 从底部

javascript - 如何将html表单中的最小值和最大值设置为小数?

javascript - 单击外部时关闭 Div

html - 在悬停时向 div 添加深色覆盖

html - 样式化内联列表