时间戳

首页 > 解决方案 > 如何在 javascript 中实现可见性消失

javascript - 如何在 javascript 中实现可见性消失

问题描述

我想隐藏 div 元素并在单击按钮时删除 div。我是 javascript 新手，但在 android 上工作过。在android中，我们具有visibility:hiddenor的功能visibility:gone。如何用javascript实现它。

我刚刚发现document.getElementById("id").style.visibility="hidden";。

标签： javascript

解决方案

您可以使用document.getElementById("myDIV").style.display = "none"隐藏 div 并document.getElementById("myDIV").style.display = "block"显示它

w3Schools对此有很好的指导

function myFunction() {
  var x = document.getElementById("myDIV"); //so we dont have to write doc.get multiple times
  if (x.style.display === "none") { //check if hidden
    x.style.display = "block"; //display it
  } else {
    x.style.display = "none"; //hide it
  }
}
#myDIV {
  width: 100%;
  padding: 50px 0;
  text-align: center;
  background-color: lightblue;
  margin-top: 20px;
}
<button onclick="myFunction()">Try it</button>

<div id="myDIV">
  This is my DIV element.
</div>

推荐阅读