即使没有设置也能获得宽度

Question

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

即使我们没有指定div，我们能得到div的宽度（或高度）吗？

Answer 1

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

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

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

Answer 2

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

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

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

Answer 3

如果你可以使用jQuery，那么很容易：$（“＃id”）。width（）或.height（）。这也适用于大多数浏览器（即使是很旧的浏览器）。