使用javascript查找特定div是否不可见（visible=false）

使用下面的代码，我发现div是否不可见

if(document.getelementbyid("header").style.visible){
  alert("Yes");
}
else{
  alert("No");
}

---

检查visible属性，因为在代码隐藏

标题中，visible=false是根据条件定义的。但它总是返回“不”。请告诉正确的方法。
记住，javascript中没有可见的
样式。根据如何隐藏div，需要进行检查

if(document.getelementbyid("header").style.visibility != "hidden") {
   //visible
} else {
   //not visible
}

或

同时，上面的代码将只检查确切的元素是否显示无或隐藏可见性。但同时，当父元素不可见时，它将返回可见。因此，您可以执行以下操作：

var element = document.getelementbyid("header");
if(element.offsetWidth > 0 || element.offsetHeight > 0) {
   //visible
} else {
   //not visible
}

如果元素不可见，浏览器总是返回0宽度和高度。请记住，javascript中没有
style.visible
。根据如何隐藏div，需要进行检查

if(document.getelementbyid("header").style.visibility != "hidden") {
   //visible
} else {
   //not visible
}

或

同时，上面的代码将只检查确切的元素是否显示无或隐藏可见性。但同时，当父元素不可见时，它将返回可见。因此，您可以执行以下操作：

var element = document.getelementbyid("header");
if(element.offsetWidth > 0 || element.offsetHeight > 0) {
   //visible
} else {
   //not visible
}

如果元素不可见，则浏览器始终返回元素的0宽度和高度。如果元素不可见，则浏览器始终返回元素的0宽度和高度

visible
hidden
collapse

请参见。
没有visible属性，但是visibility属性，它可以具有以下值：

visible
hidden
collapse

请参阅。
您可以使用“显示”和“可见性”来检查元素是否可见

    var elem = document.getelementbyid("header");
    if(elem .style.visibility == "hidden" || elem.style.display == 'none'){
        alert("No");  // element is visible
    }
    else{
         alert("Yes");
    }

可以使用“显示”和“可见性”检查图元是否可见

    var elem = document.getelementbyid("header");
    if(elem .style.visibility == "hidden" || elem.style.display == 'none'){
        alert("No");  // element is visible
    }
    else{
         alert("Yes");
    }

如果您正在使用jQuery：

var isVisible = $("#header").is(":visible");

如果您正在使用jQuery：

var isVisible = $("#header").is(":visible");

CSS属性是
可见性
。请记住，如果该属性是使用CSS设置的，而不是通过
style
属性设置的，则该属性可能不包含您期望的值。
CSS属性是
可见性
。请记住，如果属性是使用CSS设置的，而不是通过
style
属性设置的，则该属性可能不包含您期望的值。
除了CSS中没有可见的
属性之外。只有
visibility
，CSS中没有
visible
属性。只有
visibility
谢谢大家。解决了：）谢谢大家。解决了：）