我沒有設置它時獲取元素寬度和高度

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/上的工作示例

Answer 2

如果您可以選擇使用jquery，則可以使用height（）和width（）方法。

Answer 3

你也可以使用jQuery

$（ “blockMenu”）。寬度（）
$（ “blockMenu”）。高度（）

http://api.jquery.com/width/
http://api.jquery.com/height/

Answer 4

document.getElementById("blockMenu").style.width
document.getElementById("blockMenu").style.height

應該做的伎倆