js判断元素是否可见

dom元素是否可见可使用jq的is方法和dom的offsetParent === null方法

jq中 $(element).is(":visible") === true

  !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length )

js自己实现

  element && element.offsetParent  === null

HTMLElement.offsetParent 是一个只读属性,返回一个指向最近的(closest,指包含层级上的最近)包含该元素的定位元素。如果没有定位的元素,则 offsetParent 为最近的 tabletable cell 或根元素(标准模式下为 html;quirks 模式下为 body)。当元素的 style.display 设置为 "none" 时,offsetParent 返回 nulloffsetParent 很有用,因为 offsetTop 和 offsetLeft 都是相对于其内边距边界的。

posted @ 2019-02-11 10:46  大棒子  阅读(3669)  评论(0编辑  收藏  举报