js如何判斷element 是否隱藏

根據(jù)MDN文檔的說明, 以下三種情況 HTMLElement.offsetParent 會返回 null

  • 該節(jié)點或其父節(jié)點display屬性為 none
  • 該節(jié)點的 position 屬性設為 fiexed
  • 該節(jié)點為<body> 或<html>

所以可以根據(jù) HTMLElement.offsetParent 來判斷改節(jié)點是否隱藏

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

如果你要判斷的節(jié)點恰好 position:fiexed，那么可以通過window.getComputedStyle() 判斷：

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

相比第一種方案，第二種會慢很多，如果要做重復的判斷，不建議使用第二種

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容