JavaScript .style.display?

Question

我想从 HTML 元素中获取显示属性。当我编写内联 CSS 时，它可以工作，但如果我使用类，它就不会。

这个有效:

<p id="p1" style="display:none;">This is some text.</p>​
<script>alert(document.getElementById("p1").style.display);</script>

http://jsfiddle.net/bwzAN/2/

这不起作用:

<style>.deneme{ display: none; }​</style>
<p id="p1" class="deneme">This is some text.</p>​
<script>alert(document.getElementById("p1").style.display);</script>

http://jsfiddle.net/bwzAN/7/

为什么？是否有可能使第二种情况表现得像第一种情况？我该如何解决？

Answer 1

尝试使用 getComputedStyle() - DEMO

$(document).ready(function(){
    var elem = document.getElementById("p1");
    var st   = window.getComputedStyle(elem, null).getPropertyValue("display");

    alert( st );
});