如何使用JavaScript查找未定义的CSS属性的值？

Question

我希望返回某个元素的宽度或高度，而不事先用CSS或HTML设置它们。这甚至可能吗？ 总是必须先设置它们才能使用它们吗？

Answer 1

对元素使用getComputedStyle（）方法。浏览器在这种方法的工作原理方面存在一些差异，但对于高度和宽度属性，它的工作原理相同。

所以，一个例子是：

var el     = document.getElementById('el'),
    height = el.getComputedStyle('height'),
    width  = el.getComputedStyle('width');

这是一个小提琴：http://jsfiddle.net/joplomacedo/7Qr83/

Answer 2

您可以使用jQuery获取任何元素的计算宽度和高度。

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

希望这会有所帮助：）