javascript - 使用 Javascript 按钮显示

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>单击按钮之前将其隐藏。

标签： javascripthtmlcss

Answer 1

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

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

因此，在<div>单击按钮之前，它将保持隐藏状态。