js如何显示隐藏的div层

// 获取div元素
var div = document.getElementById("myDiv");

// 显示div
div.style.display = "block";

// 隐藏div
div.style.display = "none";

.hidden {
  display: none;
}

.visible {
  display: block;
}

// 获取div元素
var div = document.getElementById("myDiv");

// 显示div
div.classList.remove("hidden");
div.classList.add("visible");

// 隐藏div
div.classList.remove("visible");
div.classList.add("hidden");

// 获取div元素
var div = document.getElementById("myDiv");

// 切换显示和隐藏
div.classList.toggle("hidden");

<button id="toggleButton">Toggle Div</button>
<div id="myDiv" class="hidden">这里是需要显示或隐藏的内容</div>

<script>
// 获取按钮和div元素
var button = document.getElementById("toggleButton");
var div = document.getElementById("myDiv");

// 为按钮添加点击事件监听器
button.addEventListener("click", function() {
  div.classList.toggle("hidden");
});
</script>