Javascript 我可以得到图片元素中img的自然宽度吗？

el.naturalWidth

应返回图像的宽度。当我制作这样的图片元素时：

console.log（document.getElementById（'original'））
console.log（document.getElementById（'original'）.naturalWidth）

---

仅根据提供的代码不清楚，但请尝试确保图像已加载。举例如下：

HTML

---

也可以尝试

document.getElementById（'original'）.getBoundingClientRect（）.width

作为

元素的宽度。

这就是

naturalWidth

的意思：它是源图像的宽度。如果需要元素宽度，请使用另一个宽度属性。例如“width”、“clientWidth”或“scrollWidth”尝试不以img标记为目标，而是尝试图片标记。图片标签也有类似的问题。也许是吧helps@Sysix但我想要的是照片的大小，不是图像。。。

<picture>
    <source srcSet='http://placehold.it/350x350' id='alt' media='(max-width: 50000px)' />
    <img id="original" />
</picture>

var img_obj = new Image();
img_obj.src = 'http://placehold.it/500x500';
img_obj.onload = function(){
  document.getElementById('original').src = img_obj.src;
  console.log(img_obj.naturalWidth);
  console.log(document.getElementById('original').getBoundingClientRect().width)
};