获得元素宽度＆amp;高度，当我没有设置它

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”）。width（）
  $（ “blockMenu”）。高度（）

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

Answer 4

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

应该做的伎俩