本文摘自PHP中文网,作者coldplay.xixi,侵删。
javascript显示隐藏div的方法:创建一个showhidediv的方法,直接跟ID属性调用,代码为【var sbtitle=document.getElementById(id)】。

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。
javascript显示隐藏div的方法:
1、创建一个showhidediv的方法,直接跟ID属性调用;
1 2 3 4 5 6 7 8 9 10 11 12 | <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页面结构
1 2 | <a onMouseMove= 'showhidediv("baip")' ;> 点我 </a>
<div id= "baip" style= "display:none;" >隐藏显示的DIV</div>
|
相关免费学习推荐:javascript视频教程
以上就是javascript如何显示隐藏div的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript产生随机数的几个用法小结
javascript的静态方法如何使用
17个你不知道的实用javascript技巧!
在javascript中添加注释正确的是什么
javascript中声明变量的关键字是什么
javascript原型怎么理解
js如何判断字符串是否为空
js 什么意思
java和javascript啥关系
javascript字符串截取方法有哪些?
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » javascript如何显示隐藏div