使用Javascript按钮显示 [duplicate]

Question

这个问题在这里已有答案：

• hide div when page load 3回答

我设置了一些按钮来显示和隐藏某个<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>将保持隐藏，直到单击按钮。