如何检索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
显示的内容只不过是一个空字符串,我认为应该是none
andblock
。但是,经过精心display
设置之后,第三个alert
警报终于发出来none
。
但为什么?我该如何display
正确检索该财产?
谢谢。
回答:
.style.*
属性直接映射到style
,而不是所施加的样式。为此,您需要getComputedStyle。
我会认真考虑切换.className
演示文稿并将其与逻辑完全分开。
以上是 如何检索DOM元素的display属性? 的全部内容, 来源链接: utcz.com/qa/400456.html