javascript - 如何更改 Div 的可见性

标签 javascript html

<分区>

我想在按下按钮时更改 DIV 的可见性。这段代码有什么问题

     <p id="myP">This is a p element.</p>

     <button type="button" onclick="myFunction()">Hide content of p</button>

     <script>
        function myFunction() {
           var which= document.getElementById("myP");

          if (which.style.visibility=="visible")
              which.style.visibility = "hidden"
          else
              which.style.visibility = "visible"
        }

     </script>

  </body>

最佳答案

原始 HTML 没有 style="visibility: visible"。所以 which.style.visibility 返回 null。因此,if(which.style.visibility) 失败。

添加显式样式,它应该可以工作。

function myFunction() {
  var which = document.getElementById("myP");

  if (which.style.visibility == "visible")
    which.style.visibility = "hidden"
  else
    which.style.visibility = "visible"
}
<p id="myP" style="visibility: visible;">This is a p element.</p>

<button type="button" onclick="myFunction()">Hide content of p</button>

关于javascript - 如何更改 Div 的可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36849943/

相关文章:

html - Bootstrap 下拉菜单在可滚动容器后面被截断

html - 我需要在 <img> 或 <br> 标签等末尾添加 "/"吗?

javascript - 复制 Netflix 登录并生成 cookie

html - 使用CSS网格布局,如何移动外壳密码旁边的 "checkbox"?

Javascript 似乎脱离了控制流

javascript - 我怎样才能改变我的 meteor 应用程序中的盒子高度

html - 仅对嵌套列表的第一级设置样式

javascript - 使用 HTML5 的跨平台移动应用程序

javascript - 无法使用 Nuxt 和 Vuejs 找到正确的页面

javascript - 为什么我在 ext-all-debug.js 的第 4236 - 4242 行中收到错误?