原生JavaScript实现显示/隐藏div
- 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>
傲世》原创,转载请保留文章出处。
本文链接:https://www.recho.cn/171.html
如您对本文章内容有所疑问、反馈或补充,欢迎通过邮箱:admin@h2fast.cn 联系我们!
版权声明:若无特殊注明,本文为《正文到此结束