js 获取元素的宽高为什么是空？

Question

下面这样获取是空的，怎么才能获取到？不用offsetWidth

#div {        width: 100px;        height: 100px;        background-color: red;
    }    
    var div = document.getElementById('div')
   console.log(div.style.width)