javascript - 即使未设置也获取宽度

Question

我知道即使我们不设置它（通过使用偏移量），我们也可以拥有 div 的绝对位置：http ://www.quirksmode.org/js/findpos.html

即使我们没有指定它，我们可以得到一个 div 的宽度（或高度）吗？

Answer 1

您可以使用 clientWidth 和 offsetWidth 来获取宽度。

var foo = document.getElementById('foo').clientWidth;
var foo = document.getElementById('foo').offsetWidth;

clientWidth 返回元素的可视宽度，但不包括边框、边距或滚动条。offsetWidth 返回元素的宽度（包括边框和填充），但不返回边距。

Answer 2

您可以使用offsetHeightor offsetWidth，如下所示：

var elem_height = document.getElementById('elem').offsetHeight;
var elem_width = document.getElementById('elem').offsetWidth;

这将返回包括边框和填充（但不包括边距）的尺寸。

Answer 3

如果你可以使用 jQuery，那么很容易：$("#id").width() 或 .height()。这也适用于大多数浏览器（甚至是非常旧的浏览器）。