<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
和block
。
然而,在有意设置display
属性之后,第三次alert
最终警示出none
。
但为什么?如何正确地检索display
属性?
谢谢。
style
对象用于更改应用于该特定元素的样式,就像标记中的style
属性一样。如果想要修改样式表中的样式定义,则可以这样做,只是在别处:https://developer.mozilla.org/En/DOM/Stylesheet - T.J. Crowderstyle
对象上的这些属性反映“style”属性(正如className
反映“class”属性)。 - T.J. CrowderclassList.toggle
,而非className
。 - Sebastian Simon