javascript - 在javascript中获取样式

Question

当 div 的大小为 50% 到 100% 时，我正在尝试调整 div 的大小。但是，当我尝试 console.log div 的当前大小时，它只记录空白...有什么问题吗？

window.onload = function() {
    //declare vars
    var fullbox = document.getElementById('box'),
        minBut = document.getElementById('down');

    minBut.onclick = function() {
        if(fullbox.style.width == "50%") {
            fullbox.style.width = "100%";
        } else {
            fullbox.style.width = "50%";
        }
    }
}

Answer 1

如果之前未为该元素初始化宽度，则可能会出现这种情况。第二次应该是50%。

通过添加 alert(fullbox.style.width); 进行测试

FIDDLE