时间戳

首页 > 解决方案 > 我们如何获得图像高度（不是自然高度）

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

问题描述

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

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

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

现在，如何使用javascript 或 jquery222获得高度。

标签： javascriptjqueryhtmlimageheight

解决方案

根据 Jquery 文档，使用.height()and获取高度和宽度.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>

推荐阅读