javascript - 如何判断一个 DOM 元素是否显示?

标签 javascript html css dom

这不要与 "How to tell if a DOM element is visible?" 混淆

我想确定给定的 DOM 元素在页面上是否可见。 例如。如果该元素是设置了 display:none; 的父元素的子元素,那么它将不可见。

(这与元素是否在视口(viewport)内无关)

我可以遍历元素的每个父元素,检查 display 样式,但我想知道是否有更直接的方法?

最佳答案

从 Firefox 中的快速测试来看,当元素被 display:none 的父元素隐藏时,大小和位置属性(clientWidth、offsetTop 等)看起来都返回 0 .

关于javascript - 如何判断一个 DOM 元素是否显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/335847/

相关文章:

javascript - opencart更新购物车总计ajax

javascript - 在保存和下载为 Sql Server 报告的 pdf 时重命名文件?

javascript - 什么时候移除组件中的骨架屏幕?

html - 伪元素不适用于 Bootstrap Modal

html - 如何在图像右侧添加一些文本,在图像下方添加一些文本

javascript - SUmmernote 不能正确显示。我是说它的风格

javascript - react : requesting and iterating through images in JSON

jquery - 使用 jquery 更改 html 标签的背景

javascript - Angular 计数文本区域中换行符的 2 个字符

html - 在主图像下方居中放置 3 个图像