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

<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正确检索该财产?

谢谢。

回答:

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

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

以上是 如何检索DOM元素的display属性? 的全部内容, 来源链接: utcz.com/qa/400456.html

回到顶部