使用jQuery获取调整大小的图像高度

Question

我有一张图片，需要获取高度。我目前使用jQuery获得高度：

height = jQuery("#product-img-box img").attr("height"); 

我所面临的问题是，我在CSS调整为88％的图像，这样反而给了我新的高度，我才把高度图像被调整大小。有什么方法可以获得新的身高？

Answer 1

读取属性（使用.attr()）将始终从DOM返回原始内联高度属性。

改为使用.height()（或如果需要，则使用.outerHeight()）。

height = jQuery("#product-img-box img").height(); 

---

.height（）

返回：整数

描述：获得在该组匹配元件的第一元件的电流计算出的高度。

Answer 2

http://api.jquery.com/height/

获取 用于第一元件的电流计算出的高度中的匹配的元素或设置每个匹配的元件的高度。 。

height = jQuery("#product-img-box img").height(); 

Answer 3

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG 
var width = img.clientWidth; 
var height = img.clientHeight;