javascript - 使用 Javascript 获取元素的 CSS 值

Question

我正在尝试找到一种方法来获取元素的 CSS height 属性，或者实际上，只是告诉是否设置了 height 属性。

问题是，当我使用

$(elem).css('height');

我获取了元素的显示高度，但我试图查看该元素是否具有在类、id 或直接在 div 上设置的高度属性。

有什么建议吗？

Answer 1

您可以使用height还有。

$(elem).height(); // to get the height.

Also see this Q/A

如果你想获得正确的 CSS 值，我建议不要使用 jQuery

如果我们有 HTML:

<div id="elem" style="height: auto"></div>

我们可以写JS:

$('#elem').get(0).style.height    // "auto"

如果我们有 HTML:

<div id="elem"></div>

JS:

$('#elem').get(0).style.height    // ""

通用功能:

var height = function(elem){
      return $(elem).get(0).style.height === "" ? $(elem).height() : $(elem).get(0).style.height;
}