请勿将它与"How to tell if a DOM element is visible?"混淆
我想确定给定的DOM元素在页面上是否可见。
例如。如果该元素是设置了display:none;
的父级的子级,则它将不可见。
(这与元素是否在视口(viewport)中无关)
我可以遍历元素的每个父对象,检查display
样式,但是我想知道是否还有更直接的方法?
最佳答案
通过Firefox中的快速测试,当元素被display:none
的父级隐藏时,大小和位置属性(clientWidth,offsetTop等)看起来都返回0。