如何获取DOM元素的display属性？

  • Z时代
  • 2024-01-10
  • 分类：问答

<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显示的内容只不过是一个空字符串，我认为应该是noneand

block。但是，经过精心display设置之后，第三个alert终于警报了none。

但为什么？我如何才能display正确检索该属性？

谢谢。

回答：

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

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

以上是 如何获取DOM元素的display属性？ 的全部内容， 来源链接： utcz.com/qa/435315.html

回到顶部