javascript - 我怎样才能改变我的按钮而不是将div从可见更改为不可见，而是做相反的事情？

Question

我有一个按钮可以更改 div 的可见性。每次按下它时，它都会将其从可见变为隐藏，然后再返回。如何使 div 保持隐藏状态并让按钮在按下时显示它。

<script>
function Hide() {
    var x = document.getElementById("box");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
} 
</script>
<button id="Hidden" onclick="Hide()">Click me</button>
<div id="box"> 
 Sample text.
 </div>

Answer 1

向 div 添加样式 - <div id="box" style ="display: none;">...</div>