javascript - document.getelementbyid()。style.width没有值

我写了一些代码来调用javascript中的函数来提醒div顶部的值。但这是行不通的。看来我已经忘记了一个简单的要点，但我找不到。

脚本是:

var tempimg = "";
var tempdiv = "";


function changebg(x) {
    current = document.getElementById(x);
    alert(document.getElementById('div1').style.width);

}

CSS是:

.div11 {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 10px;
    left: 10px;
    background-size: cover;
    -webkit-transition: 1000ms;
    -moz-transition: 1000ms;
}
.div22 {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 10px;
    left: 120px;
    background-size: cover;
    -webkit-transition: 1000ms;
    -moz-transition: 1000ms;
}
.div33 {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 10px;
    left: 230px;
    background-size: cover;
    -webkit-transition: 1000ms;
    -moz-transition: 1000ms;
}

我将代码放在fiddle中

最佳答案

使用getComputedStyle代替:

alert(getComputedStyle(document.getElementById('div1')).height);

根据MDN:



即，它返回由<div style="<!-- these values -->"></div>表示的值，而不是由外部CSS所应用的样式。