js怎么让div隐藏显示

// 假设你的div有一个id为"myDiv"
var div = document.getElementById("myDiv");
div.style.display = "none"; // 这将隐藏div

// 再次获取div元素
var div = document.getElementById("myDiv");
div.style.display = "block"; // 这将显示div，假设div默认的display属性是block

function toggleDiv() {
    var div = document.getElementById("myDiv");
    if (div.style.display === "none") {
        div.style.display = "block"; // 如果当前是隐藏的，则显示
    } else {
        div.style.display = "none"; // 如果当前是显示的，则隐藏
    }
}

<button onclick="toggleDiv()">Toggle Div</button>
<div id="myDiv">这里是需要显示或隐藏的内容</div>

<script>
// 上面已经定义了toggleDiv函数
</script>

/* CSS */
.hidden {
    display: none;
}

// JavaScript
function toggleDiv() {
    var div = document.getElementById("myDiv");
    div.classList.toggle("hidden"); // 这将添加或移除"hidden"类，从而切换显示和隐藏
}