js如何判断element 是否隐藏

作者: 星星赐福 | 来源:发表于2020-07-13 15:22 被阅读0次

根据MDN文档的说明, 以下三种情况 HTMLElement.offsetParent 会返回 null

该节点或其父节点display属性为 none

该节点的 position 属性设为 fiexed

该节点为<body> 或<html>

所以可以根据 HTMLElement.offsetParent 来判断改节点是否隐藏

function isHidden(el) {
    return (el.offsetParent === null)
}

如果你要判断的节点恰好 position:fiexed，那么可以通过window.getComputedStyle() 判断：

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

相比第一种方案，第二种会慢很多，如果要做重复的判断，不建议使用第二种

js如何判断element 是否隐藏
根据MDN文档[%5Bhttps://developer.mozilla.org/en-US/docs/Web/A...
js判断是否为对象，空对象，是否为数组
js判断是否为对象 js判断是否为数组 js判断是否空对象
js数组对象或数组常用操作
找相同去重找选中和未选中 js 判断数组的对象中是否有某个值 js如何判断对象数组中是否存在某个对象
操作系统判断
1、js判断移动端系统 2、js判断是否PC端 3、js判断是否为微信内置浏览器 4、js判断是否为ie浏览器，并...
js对象数组的深拷贝方法以及其他方法
js判断数据类型是否为对象 js判断数据类型是否为数组
JQ判断一个对象是否为空
参考文章：js如何判断一个对象{}是否为空对象，没有任何属性
MySQL8.0-隐藏索引（Invisible Indexes）
本文问题隐藏索引有什么特点？如何隐藏索引？如何查询索引是否隐藏？如何控制优化器是否使用隐藏索引 MySQL...
js代码段
js代码记录 jquery子页面(iframe)操作父页面中的 iframe元素 js判断是否是数字 js判断邮...
js判断对象属性是否存在之深入理解
js判断多层对象属性是否存在比如判断 err.response.data.message 的存在判断对象是否...
JS如何判断一个数组是否为空、是否含有某个值
一、js判断数组是否为空方法一： arr.length 二、js判断数组是否含有某个值方法一： arr.ind...

网友评论

本文标题：js如何判断element 是否隐藏

本文链接：https://www.haomeiwen.com/subject/lcwacktx.html

js如何判断element 是否隐藏