JavaScript .style.display？

Question

我想从 HTML 元素中获取 display 属性。当我编写内联 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 );
});