无法获取显示属性

Question

我正在尝试使用display获取有关元素的style.display属性。但它没有返回任何东西。 看看JsFiddle。

http://jsfiddle.net/4v5LS/1/

警报窗口中没有任何内容。

更新

现在我发现了一些与众不同的东西。每当我定义内联属性时，事情就会起作用。但是当我在任何其他方法中应用样式时，它就不起作用了。

Answer 1

您可以使用getComputedStyle()

document.getElementById('button').onclick = function() {
     element = document.getElementById('box');
     style = window.getComputedStyle(element),
     display = style.getPropertyValue('display');
    alert(display);
}

fiddle