文章/答案/技术大牛

发布

社区首页 >问答首页 >使用javascript查找特定div是否不可见(visible = false)

问使用javascript查找特定div是否不可见(visible = false)
EN

Stack Overflow用户

提问于 2013-05-17 19:22:56

回答 5查看 1.3K关注 0票数 0

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

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

检查visible属性，因为在代码中，header.visible = false是根据条件定义的。但它总是返回"No“。请告诉我正确的方法。

javascript

asp.net

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-05-17 19:26:41

没有可见的属性，但有可见性，它可以有以下值：

visible
hidden
collapse

请参阅MDN article。

票数 2

Stack Overflow用户

发布于 2013-05-17 19:27:38

可以使用display和visibility来检查元素是否可见

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

票数 2

Stack Overflow用户

发布于 2013-05-17 19:26:09

请记住，javascript中没有style.visible。根据如何隐藏div，您需要检查

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

或

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

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

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

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16607763

复制

相似问题

问使用javascript查找特定div是否不可见(visible = false)
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用javascript查找特定div是否不可见(visible = false)EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用javascript查找特定div是否不可见(visible = false)
EN