为什么 CSS 中定义的样式的'element.style”返回空值?
Nov 06, 2024 am 11:01 AMJavaScript 样式属性差异
Q: 为什么定义 display 时,element.style 始终返回空值在 CSS 中,即使元素继承了样式?
A: element.style 属性检索直接应用于 HTML 文档中元素的内联样式。 CSS 中定义的样式不被视为内联,因此 element.style 不会反映它们。
计算样式:
JavaScript 提供了 window.getCompulatedStyle()函数获取应用于元素的实际有效样式。此函数接受一个元素作为输入,并返回一个 ComputedStyle 对象,其中包含所有 CSS 属性的计算值。
示例:
考虑以下代码:
<div>
登录后复制
#test { display: block; }
登录后复制
访问 document.getElementById('test').style.display 将返回空字符串,而 window.getCompulatedStyle(document.getElementById('test')).display 将正确返回“block”。
结论:
要获取元素应用的 CSS 样式,需要使用 window.getCompulatedStyle()。使用 element.style 仅检索内联样式,通常不会为具有外部 CSS 的元素设置内联样式。
以上是为什么 CSS 中定义的样式的'element.style”返回空值?的详细内容。更多信息请关注PHP中文网其他相关文章!
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
击败分裂小说需要多长时间?
3 周前
By DDD
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林

热门文章
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
击败分裂小说需要多长时间?
3 周前
By DDD
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林

热门文章标签

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)