在Safari中读取最大宽度为100％和height：auto的图像高度

Question

如果我将图像附加到DOM并记录其高度，如下所示：

$('body').html('<img src="…" width="100" height="100">');
console.log($('img').height());

声明以下CSS规则：

img {max-width:100%; height:auto}

在运行此代码后的几毫秒内，Safari返回的高度为0。 省略height:auto表示返回高度，但是这会导致图像比例在较小的容器中变形。

有没有办法强迫Safari立即计算高度？ Chrome不会遇到此问题。

演示 -适用于Chrome，不适用于Safari 9.0.3

Answer 1

尝试使用如下所示的内容：

var img = document.getElementById('id'); 
var height = img.clientHeight;

doc：clientHeight