博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
原生Js判断元素是否隐藏
阅读量:6594 次
发布时间:2019-06-24

本文共 417 字,大约阅读时间需要 1 分钟。

刚刚在看echo.js的源码,所以此问题延伸自echo.js中的一行代码

var isHidden = function(element) {    return (element.offsetParent === null);};

经过自己实践确实可以使用这种方法来判断当前元素是否被隐藏,包括通过设置父元素为display:none以及自己本身为none的情况。但是如果是通过设置visibility:hidden则无法检测出。

overflow关于这个问题的讨论

除了上面的方法还有这种

function isHidden(el) {    var style = window.getComputedStyle(el);    return (style.display === 'none')}

这种方式也是需要手动判断visibility。不过貌似offsetParent的方法十分缓慢,即使是新的chrome也无法优化。

转载地址:http://fhcio.baihongyu.com/

你可能感兴趣的文章
cogs 539. 牛棚的灯
查看>>
SQL SERVER 备份数据库到指定路径语句
查看>>
3.Knockout.Js(属性绑定)
查看>>
v140平台工具集与v110工具集选择
查看>>
EF6+Sqlite连接字符串的动态设置
查看>>
下拉加载更多
查看>>
您是哪一种类型的老板?
查看>>
SQL SERVER 2012 只能识别20个CPU的问题
查看>>
设计模式(十)外观模式
查看>>
C/C++语言中Static的作用详述
查看>>
[Android Samples视频系列之ApiDemos] App-Activity-Recreate
查看>>
ASP开发基础
查看>>
MYSQL性能调优
查看>>
LVM自动扩容
查看>>
笔记整理4
查看>>
idea文件折叠显示出来配置
查看>>
SQLSERVER中的非工作时间不得插入数据的触发器的实现
查看>>
如何写出兼容大部分浏览器的CSS 代码
查看>>
第二阶段冲刺第八天,6月7日。
查看>>
java的左移位(<<)和右移位(>>)和无符号右移(>>>)
查看>>