как мы получаем высоту изображения (не естественную высоту)

Question

, если изображение динамически заполняется внутри элемента div, имеющего min-height как получить высоту изображения (не естественная высота )

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

размеры изображения: 394 * 222 пикселей (натуральный: 720 * 405 пикселей)

Теперь, как получить 222 как высоту, используя javascript или jquery .

Answer 1

Чтобы получить фактическую высоту этого изображения, вы должны использовать этот код в JavaScript.

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

это даст вам только ту высоту изображения.

Answer 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>