使用Javascript按钮显示<div>

Question

我设置了一些按钮来显示和隐藏某些<div>。但是我在反转功能时遇到了麻烦。当您加载页面时，会显示<div>，但是我希望<div>隐藏，并且仅在单击按钮时显示。

function yes() {
      var x = document.getElementById("yes");
      if (x.style.display === "none") {
        x.style.display = "block";
      } else {
        x.style.display = "none";
      }
    }

<button onclick="yes()">I support</button>
<div id="yes">Text</div>

因此，我仍然希望按钮能够相同地工作，将<div>切换为开和关，但是我希望<div>隐藏起来，直到单击按钮为止。

Answer 1

要使<div>在页面加载时开始隐藏，可以通过添加内嵌样式style="display: none"

来实现。

<div style="display: none" id="yes">

因此，<div>将保持隐藏状态，直到单击该按钮为止。