本文实例讲述了射流研究…基于onclick事件实现单个按钮的编辑与保存功能。分享给大家供大家参考，具体如下：

该实例可以实现点击同一个按钮实现编辑和保存的功能：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML hearteta http-equiv=' Content-Type ' Content=' text/HTML；charset=UTF-8 ' title test/title/head dyspan id=' xs '欢迎来到我们！我们提供专业的源码示例与素材下载！/spantextarea id=' ei ' style=' display : none；宽度宽度：300像素欢迎来到我们！我们提供专业的源码示例与素材下载！/textarebr/input type=' button ' onclick=' edit()；id=' BTT '名称=' BTT '值='编辑'/脚本类型='文本/JavaScript '/编辑内容函数Edit(){文档。getelementbyid(' xs ')。风格。显示='无'；文件。getelementbyid(' ei ')。风格。display=var butt=文档。getelementbyid(' BTT ')；butt.value="保存";屁股。onclick=function(){ save()；//第二次单击的时候执行这个函数};}//保存内容函数Save(){ var cxs=document。getelementbyid(' xs ')；var ei=文档。getelementbyid(' ei ')；var butt=文档。getelementbyid(' BTT ')；butt.value="编辑";ei。风格。显示='无'；cxs。innerhtml=ei。价值；cxs。风格。display=屁股。onclick=function(){ edit()；//还原第一次单击的时候执行的函数};}/脚本/正文/html运行效果图如下：

PS:关于爪哇岛描述语言常用事件及相关说明还可参考本站在线工具：

爪哇岛描述语言事件与功能说明大全：http://工具。JB 51。net/table/JavaScript _ event

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript事件相关操作与技巧大全》 、 《JavaScript操作DOM技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。