首页javascriptdisplayJavascript Style - 如何检测元素是否由于父隐藏属性而对用户隐藏

Javascript Style - 如何检测元素是否由于父隐藏属性而对用户隐藏

我们想知道如何检测元素是否由于父隐藏属性而对用户隐藏。

<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
window.onload=function(){
    function isHidden(elem) {
        return elem.offsetWidth <= 0 && elem.offsetHeight <= 0;    
    }
    foo = document.getElementById("foo")
    console.log(isHidden(foo))
}
</script>
</head>
<body>
  <div style="display: none">
    <div id="foo" style="width: 100px; height: 100px">hi</div>
  </div>
</body>
</html>