javascript - 未设置时获取元素宽高

Question

我有一个 HTML 元素，但我没有在 CSS 中定义宽度或高度(或者有时我可能没有定义右侧或底部，但我确实定义了宽度和高度)。

你知道我如何使用 JavaScript 获取元素的宽度或高度或右侧或底部(如果我尚未设置)吗？

#blockMenu { z-index: 0; padding: 10%; }

如果我执行以下操作，我知道它不会工作，因为我没有设置宽度或右边:

var width = document.getElementById("blockMenu").offsetRight - document.getElementById("blockMenu").offsetLeft;

当我还没有设置元素时，是否可以确定元素的尺寸和位置？

如果不是，如果我定义宽度怎么办？如何通过JavaScript获取元素的宽度？

Answer 1

使用 JavaScript 你可以做到

document.getElementById("blockMenu").clientWidth;
document.getElementById("blockMenu").clientHeight;

使用 jQuery 你可以做到

$('#blockMenu').width();
$('#blockMenu').height();

在 http://jsfiddle.net/7jteV/2/ 查看工作示例