无法获取到图片的宽高

今天做了一个相册效果，一堆高度固定宽度不一的图片轮播

由于下面有个块添加对应描述文字，它的宽度需要和图片宽度一样，但是我无法获取到图片的宽度，.width，.offsetWidth都不行，最终百度得到解决，加载完成后获取就可以。

下面简化一个例子说明：

<img src="dog.jpg" id="dog">
<script>
    var dog=document.getElementById("dog");
    alert(dog.width);
</script>

改变代码：

<img src="dog.jpg" id="dog" alt="">
<script>
    var dog=document.getElementById("dog");
    dog.onload=function(){
        console.log(dog.width);
    }
</script>

顺利得到宽度500。