Javascript 使用jquery获取没有指定宽度的图像宽度

我有下面的代码，当点击缩略图时，需要获取动态加载的图像的宽度

$("<img class='mypopupimage' src='" + imgSrc + "' style='padding:10px;' width='500' />").appendTo("div.mydiv");

var imgWidth = $(".mypopupimage").width();

$（“”）.附录（“div.mydiv”）；
var imgWidth=$（“.mypopupimage”）.width（）；

我遇到的问题是，弹出图像的宽度都不同，但是当我从图像中删除width属性时，imgWidth变量被设置为0

---

有什么想法吗？

这已经在stack上回答了多次，不过，为了方便起见，这里是：

和是显示DOM元素内部尺寸（不包括边距和边框）的当前浏览器中大小的DOM属性。因此，对于IMG元素，这将得到可见图像的实际尺寸

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

---

此答案取自

如果您想使用jQuery或使用udjamaflip所述的“普通”javascript，则应使用naturalWidth属性：

$("<img class='mypopupimage' src='" + imgSrc + "' style='padding:10px;' width='500' />").appendTo("div.mydiv");
var imgWidth = $(".mypopupimage").attr('naturalWidth');

$（“”）.附录（“div.mydiv”）；
var imgWidth=$（“.mypopupimage”）.attr（'naturalWidth'）；

dub的副本：Try$（“.mypopupimage”）.attr（“naturalWidth”）；太棒了，谢谢。。。如果你加上这个作为答案，我可以接受它作为正确的一个…汤姆的可能副本只要在副本中投票接受的答案，如果它对你也有帮助。