gpt4 book ai didi

javascript - 如何使用纯 DOM 函数(没有 jQuery)访问 DOM 元素的 CSS 样式?

转载 作者:太空宇宙 更新时间:2023-11-04 02:52:04 25 4
gpt4 key购买 nike

出于某种原因,我无法访问 HTML 元素的 display 样式的值。

这是我的 JavaScript 代码:

var el = document.querySelector('#warning');
console.log(el.style.display)

我的代码为 #warningdisplay 样式返回 "" 空字符串,但它实际上是 "none".

我有以下 HTML:

<div id="warning">
warning warning warning.
</div>

我有以下 CSS:

#warning {
display: none;
}

有什么想法吗?

最佳答案

在大多数情况下,您所做的一切都是正确的,但是对于大多数第一次尝试此操作的人来说,您遇到的是一个挂断。

javascript 中的样式对象在实际元素内部(内联)寻找这个值,而不是直接在 css 代码中寻找它。

要访问样式,样式必须存在于 dom 中。你可以看看 Window.getComputedStyle()

我希望这可以解释为什么您遇到了这个障碍。

关于javascript - 如何使用纯 DOM 函数(没有 jQuery)访问 DOM 元素的 CSS 样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32802863/

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