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

Question

我想返回某个元素的宽度或高度，而无需事先使用 CSS 或 HTML 设置它们。这可能吗？您是否总是必须先设置它们才能使用它们？

Answer 1

在元素上使用 getComputedStyle() 方法。不同浏览器对此方法的工作原理略有不同，但对于高度和宽度属性，它的工作原理是相同的。

所以，一个例子是:

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

这是一个 fiddle :http://jsfiddle.net/joplomacedo/7Qr83/