Question

在我的网页中，我有div width 已修复，而height 未修复。当我上传500 X 300图片时，它会正确地放在div中，即 width＆gt; height 。如果我使用10000 X 3000上传图像，即使第二张图像高度更高，图像高度也会小于500 X 300图像。

我正在尝试使用固定的div高度重新定位。如果放入div后div内的图像高度小于重新定位div高度，我将不会重新定位，否则我的图像质量将会松动。

那么如何使用JavaScript或jQuery获取div内的图像高度？

Answer 1

只需使用.height()方法

＆＃13;

var imageheight = $(".imgclass img").height();
alert(imageheight);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="imgclass">
<img src="http://tympanus.net/Tutorials/CaptionHoverEffects/images/1.png">
</div>

＆＃13;

Answer 2

要获得div中图像的高度，可以使用

$("div img").height()

如果您的div有类或ID，请使用

$(".className img").height()

同样specify the width alone并自动渲染高度，保留图像宽高比。指定高度和宽度将使图像倾斜

如何在javascript或jquery中获取div中的图像高度？

2 个答案: