时间戳

首页 > 解决方案 > 如何在 PHP 中显示隐藏状态的文本

javascript - 如何在 PHP 中显示隐藏状态的文本

问题描述

所以我只是从 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。很抱歉提出这样一个业余问题，谢谢！

标签： javascripthtmlcsshideshow

解决方案

您好，欢迎来到 stackoverflow！

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

它看起来像这样

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

希望这可以帮助！

推荐阅读