原生JavaScript实现显示/隐藏div

首页 » 教程资料 » 2020年09月01日晚上 11:54:52 » 本文：849字
  • A

    选择打赏方式

显示或隐藏一个div，这其实在Jquery里面并不算什么难事，但有时候我们需要原生态的JS来实现，方法很多，这里简单介绍一种。

1.创建一个showhidediv的方法，直接跟ID属性 

<script language="javascript">
  function showhidediv(id) {
    var sbtitle = document.getElementById(id);
    if (sbtitle) {
      if (sbtitle.style.display == "block") {
        sbtitle.style.display = "none";
      } else {
        sbtitle.style.display = "block";
      }
    }
  }
</script>
2.HTML示例代码 

<a onMouseMove='showhidediv("pjax")' ;> 点我显示/隐藏 </a>
<div id="pjax" style="display: none">隐藏显示的DIV</div>

本文标签：JavascriptHTML
版权声明：若无特殊注明，本文为《傲世》原创，转载请保留文章出处。
本文链接：https://www.recho.cn/171.html
如您对本文章内容有所疑问、反馈或补充，欢迎通过邮箱：admin@h2fast.cn 联系我们！
正文到此结束

热门推荐