所有DOM元素样式属性都返回空字符串

Question

请查看下面的代码。这是带黑色背景的简单div元素。所以我试图通过JavaScript获取背景值。但得到空字符串。

HTML：

    #box1 {
        width: 20px;
        height: 20px;
        background: #000;
    }

CSS：

    var box1 = document.getElementById('box1');

    console.log('backgroundColor: ' + box1.style.backgroundColor);
    console.log('background: ' + box1.style.background);
    console.log('width: ' + box1.style.width);

    setTimeout(function(){
        console.log('backgroundColor: ' + box1.style.backgroundColor);
        console.log('background: ' + box1.style.background);
        console.log('width: ' + box1.style.width);
    }, 1000);

JS：

ods

我很震惊，但结果是空字符串：

截图：

Chrome

Mozilla

jsfiddle.net/kcg96gdc /