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

前端之家收集整理的这篇文章主要介绍了javascript – 如何检索DOM元素的显示属性?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. <html>
  2. <style type="text/css">
  3. a {
  4. display: none;
  5. }
  6. </style>
  7. <body>
  8. <p id="p"> a paragraph </p>
  9. <a href="http://www.google.com" id="a">google</a>
  10. </body>
  11. <script type="text/javascript">
  12. var a = (document.getElementById('a')).style;
  13. alert(a.display);
  14. var p = (document.getElementById('p')).style;
  15. alert(p.display);
  16. p.display = 'none';
  17. alert(p.display);
  18. </script>
  19. </html>

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

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

谢谢.

解决方法

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

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

猜你在找的JavaScript相关文章