Question

我写了一些代码来调用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

中

Answer 1

改为使用getComputedStyle：

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

根据MDN：

一般来说，了解元素的风格是没用的，因为它只代表元素中设置的CSS声明内联样式属性，而不是来自样式规则的属性其他地方，例如该部分中的样式规则或外部规则样式表

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

document.getelementbyid（）。style.width没有值

1 个答案: