javascript如何显示隐藏div


本文摘自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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...