js点击显示div,点击取消隐藏div

简介:

js点击显示div,点击取消隐藏div

 

 


 
 
  1. <script language="javascript" type="text/javascript"> 
  2. <!-- 
  3.     function changeBody(index){ 
  4.     switch(index){ 
  5.         case 1:{ 
  6.           document.getElementById('iDBody1').style.display = ""
  7.           document.getElementById('edit').style.display = "none"
  8.           document.getElementById('delete').style.display = ""
  9.        break; 
  10.         } 
  11.         case 2:{ 
  12.           document.getElementById('iDBody1').style.display = "none"
  13.           document.getElementById('edit').style.display = ""
  14.           document.getElementById('delete').style.display = "none"
  15.        break; 
  16.         } 
  17.     } 
  18.     } 
  19. --> 
  20. </script> 
  21. <span id="delete" style="display:none"><a href="#" onclick="changeBody(2);" />取消</a></span> 
  22. <span id="edit"><a href="#" onclick="changeBody(1);" />填写</a></span> 
  23. <div id="iDBody1" style="display:none;border:1px solid #B1CEEF;margin-left:0px;background:#E7F1FB;padding-left:10px;width:370px;height:60px;color:#00f;"></div> 

 



      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/943040,如需转载请自行联系原作者






相关文章
|
11月前
|
数据采集 存储 监控
实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取,特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie,提高爬虫的效率和隐蔽性,避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作,抓取并整理新闻数据,适用于需要规避IP限制和突破频率限制的场景。
474 10
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
149 5
|
JavaScript 前端开发 Java
JavaScript内存泄露大揭秘!你的应用为何频频“爆内存”?点击解锁救星秘籍!
【8月更文挑战第23天】在Web前端开发中,JavaScript是构建动态网页的关键技术。然而,随着应用复杂度增加,内存管理变得至关重要。本文探讨了JavaScript中常见的内存泄露原因,包括意外的全局变量、不当使用的闭包、未清除的定时器、未清理的DOM元素引用及第三方库引发的内存泄露。通过了解这些问题并采取相应措施,开发者可以有效避免内存泄露,提高应用性能。
178 1
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
139 3
|
JavaScript Java
点击按钮,向下添加目录。Java script+jQuery写法
点击按钮,向下添加目录。Java script+jQuery写法
103 1
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
82 1
|
JavaScript 前端开发
js点击抽奖符合条件触发点击次数
js点击抽奖符合条件触发点击次数
88 1
|
JavaScript 前端开发
网页前端课程设计-【模仿】香港中文大学官网,轮播图及div+css布局,js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计,包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
|
JavaScript 前端开发
JS判断点击是单击还是双击
如何使用JavaScript判断用户点击是单击还是双击。
160 0
|
JavaScript 前端开发
Next js:点击登录显示登录表单,点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例,包括创建`authform.tsx`组件和在页面组件中引入使用的方法。

热门文章

最新文章