利用JS做到隐藏div和显示div

简介:
  1. <script language="javascript">  

  2. //创建一个showhidediv的方法,直接跟ID属性  

  3. function showhidediv(id){  

  4. var sbtitle=document.getElementById(id);  

  5. if(sbtitle){  

  6.    if(sbtitle.style.display=='block'){  

  7.    sbtitle.style.display='none';  

  8.    }else{  

  9.    sbtitle.style.display='block';  

  10.    }  

  11. }  

  12. }  

  13. </script> 

  1. style="display: none;"  

  2.   

  3. document.getElementById("typediv1").style.display="none";//隐藏  

  4.   

  5. document.getElementById("typediv1").style.display="";//显示  


本文转自 IT阿飞 51CTO博客,原文链接:http://blog.51cto.com/itafei/1886085
相关文章
|
2天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
6月前
|
JavaScript
js通过input框输入属性和值,改变div的属性
js通过input框输入属性和值,改变div的属性
81 0
|
10月前
|
JavaScript
JS实现定时自动更换DIV或页面背景图片
JS实现定时自动更换DIV或页面背景图片
191 0
|
2天前
|
Web App开发 JavaScript 前端开发
javascript操作DIV总结 转
javascript操作DIV总结 转
10 3
|
2天前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——5、DIV+CSS百分比布局
H5+CSS3+JS逆向前置——5、DIV+CSS百分比布局
40 0
|
2天前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——4、DIV+CSS绘制旗帜练习
H5+CSS3+JS逆向前置——4、DIV+CSS绘制旗帜练习
25 0
|
2天前
|
JavaScript
原生js实现div跳动效果---很多炫酷效果的基本原理
原生js实现div跳动效果---很多炫酷效果的基本原理
22 0
|
2天前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
43 0
|
2天前
|
JavaScript 前端开发
js小功能--如何实现按住shift拖拽多选div
js小功能--如何实现按住shift拖拽多选div
37 0
|
2天前
|
JavaScript
【经典】原生JS实现“用鼠标拖拽(drag)内容DIV”,滚动条对应同步滚动
【经典】原生JS实现“用鼠标拖拽(drag)内容DIV”,滚动条对应同步滚动