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

How do I find the value of an undefined CSS attribute with JavaScript?

本文关键字:CSS 属性 未定义 何使用 JavaScript 查找      更新时间:2023-09-26

我想返回某个元素的宽度或高度,而不需要事先用CSS或HTML设置它们。这可能吗?你总是必须设置这些才能使用它们吗?

对元素使用getComputedStyle()方法。在这种方法的工作方式上,浏览器之间有一些细微的差异,但对于高度和宽度属性,它的工作方式是相同的。

因此,一个例子是:

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

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

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

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

希望这有帮助:)