我们如何获得图像高度（不是自然高度）答案

【问题标题】：how do we get the image height (not natural height)我们如何获得图像高度（不是自然高度）
【发布时间】：2018-10-09 00:10:33
【问题描述】：

如果图像在具有 min-height 的 div 中动态填充，我们如何获得图像的高度（不是 自然高度）

<div class="card_bg">
  <img class="card_img" src="images/card_bg.jpg" alt="">
</div>

图像尺寸：394 * 222 像素（自然：720 * 405 像素）

现在，如何使用 javascript 或 jquery 将 222 作为高度。

【问题讨论】：

【解决方案1】：

要获得该图像的实际高度，您应该在 javascript 中使用此代码。

 var height = document.getElementsByClassName("card_img")[0].height;

它只会为您提供特定的图像高度。

【讨论】：

【解决方案2】：

根据 Jquery 文档，使用 .height() 和 .width() 获取高度和宽度

例子：

let height = $('#test').height();
let width = $('#test').width();
alert(height +" "+ width);

#test{
  height:150px;
  width:100px;
  background-color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test"></div>

【讨论】：