javascript - 如何使用最小高度获取div高度？

Question

我正在尝试在 jQuery 中获取 div 的高度属性。这真的很简单:

$("#mydiv").css("height");

没错。但是如果 div 的最小高度高于高度，则此代码将返回最小高度。我怎样才能强制它给我高度？

示例:

$("#result").html($("#mydiv").css("height"));

#mydiv{
  width : 100px;
  height : 10px;
  min-height : 80px;
  background : red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="mydiv"></div>
<div id="result"></div>
In this example, how can I get "10px" ?

Answer 1

您可以将元素的min-height设置为auto并获取它的height属性。然后将 min-height 返回到第一个值。

var minHeight = $("#mydiv").css("min-height");
$("#mydiv").css("min-height", "auto");
console.log($("#mydiv").height());
$("#mydiv").css("min-height", minHeight);

#mydiv{
  width : 100px;
  height : 10px;
  min-height : 80px;
  background : red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="mydiv"></div>