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

Question

如果图像在具有 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作为高度。

Answer 1

根据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>

Answer 2

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

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

它只会给你特定的图像高度。