我如何显示PHP中处于隐藏状态的文本[重复]

Question

此问题已经在这里有了答案：

Show/hide 'div' using JavaScript（12个答案）

[<25天前关闭。

所以我只是从w3schools复制并粘贴了代码“切换隐藏和显示”

<script>
    function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>

和
<button onclick="myFunction()">Tutorial</button>
<div id="myDIV">
    <p>Rules blablablabla.</p>
</div>

真的很简单，但是我对javascript不太满意，我希望div在开始时被隐藏，然后当我单击按钮时，它会显示div。很抱歉遇到这样一个业余问题，谢谢！

Answer 1

您好，欢迎来到stackoverflow！

如果您希望您的代码首先被隐藏，请在您的HTML代码中添加style="display:none;"。这会将CSS样式放在HTML元素上。

看起来像这样

<button onclick="myFunction()">Tutorial</button>
<div id="myDIV" style="display:none">
    <p>Rules blablablabla.</p>
</div>

希望这会有所帮助！