javascript - 检测 Div 的可见宽度

Question

这是一个一般性的编程问题(它还没有特定的目的/应用)。

如果我在 HTML 中创建一个标签(比如 img、a 或 div)，但不定义它的宽度或使用百分比宽度(即 width:50%)会如何我着手寻找它使用 javascript 显示的实际宽度(以像素为单位)？我也希望它是跨浏览器，但这不是我主要关心的问题。

我的意思是我知道如果它是像 div 这样的 block 元素，它将占用 100%，但我如何找到 100% 是什么？是否只需要爬节点树直到找到具有定义宽度的父节点，然后据此计算它？

我知道 clientWidth 和 clientHeight，但它们都不是跨浏览器或 w3 批准的...

Answer 1

查看 .width() jQuery API 中的函数。这绝对是跨浏览器的，并返回以像素为单位的宽度(有关详细信息，请参阅 documentation)。