javascript – 如何检索DOM元素的显示属性?

前端之家收集整理的这篇文章主要介绍了javascript – 如何检索DOM元素的显示属性?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<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>

第一个和第二个警报只显示一个空字符串,我认为应该没有和阻止.
然而,在强烈的显示设置之后,第三个警报最终没有提示.

但为什么?如何正确检索显示属性

谢谢.

解决方法

.style.*属性直接映射到style属性,而不是应用的样式.为了你想要 getComputedStyle.

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

猜你在找的JavaScript相关文章