如何检索DOM元素的display属性？

小编典典

如何检索DOM元素的display属性？

javascript

<html>
        <style type="text/css">
            a {
                display: none;
            }
        </style>
        <body>
            <p id="p"> a paragraph </p>
            <a href="http://www.google.com" id="a">google</a>
        </body>
        <script type="text/javascript">
            var a = (document.getElementById('a')).style;
            alert(a.display);
            var p = (document.getElementById('p')).style;
            alert(p.display);
            p.display = 'none';
            alert(p.display);
        </script>
    </html>

第一个和第二个alert显示的内容只不过是一个空字符串，我认为应该是noneandblock。但是，经过精心display设置之后，第三个alert警报终于发出来none。

但为什么？我该如何display正确检索该财产？

谢谢。

阅读 566

2020-05-01

共1个答案

小编典典

.style.*属性直接映射到style属性，而不是所施加的样式。为此，您需要getComputedStyle。

我会认真考虑切换.className演示文稿并将其与逻辑完全分开。

2020-05-01