原生JavaScript实现显示/隐藏div

显示或隐藏一个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>

版权声明:若无特殊注明,本文为《小傲世》原创,转载请保留文章出处。
本文链接:https://pjax.vip/173.html
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

呵呵 哈哈 吐舌 开心 笑眼 可怜 乖 啊 你懂得 不高兴 生气 汗 黑线 哭 真棒 阴险 鄙视 酷 滑稽 纳尼 疑问 委屈 惊讶 勉强

评论信息框
可使用QQ号实时获取昵称+头像

私密评论

吃奶的力气提交吐槽中...


既然没有吐槽,那就赶紧抢沙发吧!