jquery - 使用 js 获取 <img> 的宽度/高度。没有经过计算的样式

Question

我想获取图像 HTML 元素的宽度和高度。我不想要任何由浏览器应用的默认样式或计算样式。

这里有一些例子:

<img src="" alt="" width="200px" height="100px" />

结果:w=200, h=200

<img src="" alt="" height="100px" style="width: 150px;"/>

结果:w=150, h=200

<div style="width: 200px; height: 50px;>
    <img src="" alt="" style="width: 150px;"/>
</div>

结果:w=150 h=Null

所以，如果它是通过内联 css 或旧标签设置的，我想获得宽度/高度。不需要外部。如果没有具体设置宽度，我想得到空值。

我该怎么做？我试过:

$(this).height;
$(this).css('height');

没用。我唯一能想到的就是获取样式字符串:

$(this).find('style');

并在其上应用正则表达式。对于宽度和高度标签，应该可以使用:

$(this).attr('width');

没有测试它，因为如果我也没有 style=""的话它就没用了。

谢谢

Answer 1

您尝试过 .height() 吗？和 .width() ？