原生Js判断元素是否隐藏

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

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

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

overflow关于这个问题的讨论

http://stackoverflow.com/ques...

除了上面的方法还有这种

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

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