设置了样式后，在切换时不显示Div

<style>
    .hidden {
        display: none;
    }
</style>

<div id="myDiv" class="hidden">这是一个隐藏的Div</div>

<script>
    // 显示Div
    document.getElementById("myDiv").classList.remove("hidden");
</script>

<style>
    .hidden {
        visibility: hidden;
    }
</style>

<div id="myDiv" class="hidden">这是一个隐藏的Div</div>

<script>
    // 显示Div
    document.getElementById("myDiv").classList.remove("hidden");
</script>

<div id="myDiv">这是一个Div</div>

<script>
    // 隐藏Div
    document.getElementById("myDiv").style.display = "none";

    // 显示Div
    document.getElementById("myDiv").style.display = "block";
</script>