最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JS基于onclick事件实现单个按钮的编辑与保存功能示例
时间:2017-03-29 编辑:简简单单 来源:一聚教程网
该实例可以实现点击同一个按钮实现编辑和保存的功能:
代码如下 | 复制代码 |
"http://www.w3.org/TR/html4/loose.dtd"> 欢迎来到脚本之家!脚本之家提供专业的源码示例与素材下载! //Edit content functionedit(){ document.getElementById("xs").style.display="none"; document.getElementById("ei").style.display=""; varbutt=document.getElementById("btt"); butt.value="Save"; butt.onclick=function(){ save();//第二次单击的时候执行这个函数 }; } //Save content functionsave(){ varcxs=document.getElementById('xs'); varei=document.getElementById("ei"); varbutt=document.getElementById("btt"); butt.value="Edit"; ei.style.display="none"; cxs.innerHTML=ei.value; cxs.style.display=""; butt.onclick=function(){ edit();//还原第一次单击的时候执行的函数 }; } |
运行效果图如下:
-
上一个: js实现九宫格拼图小游戏
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31