javascript——我如何隐藏页面上除了一个div之外的所有内容，然后在单击按钮后显示它？

bcs8qyzn 于 2021-09-13 发布在 Java

关注(0)|答案(2)|浏览(308)

我想隐藏我页面上的所有内容，除了一个分区。尝试 visibility: hidden; 但是其他的分区仍然占据空间。
有什么帮助吗？

2条答案

display: none; 我们应该做到这一点。
如果您想在单击按钮时显示div，可以这样做

function showHidden(){
  document.getElementById("hidden").style.display = "block";
}


# hidden{display: none;}

<div> click the button to show another div </div>
<button onclick="showHidden()">button</button>
<div id="hidden">hidden div</div>

希望这有帮助。

而不是 visibility: hidden; 尝试 display: none; . 这样块就不会占用空间。
请在此处查找更多信息