gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 02:12:44 25 4
gpt4 key购买 nike

<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 只显示一个空字符串,我认为应该是noneblock。然而在有意的display设置之后,第三个alert最终alert none

但是为什么?如何正确检索 display 属性?

谢谢。

最佳答案

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

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

关于javascript - 如何检索 DOM 元素的显示属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48661577/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com