全国咨询热线:18720358503

微信小程序报名_JS基于onclick工作完成单个按钮的

类别:行业新闻 发布时间:2021-01-12 浏览人次:

JS基于onclick事件实现单个按钮的编辑与保存功能示例       这篇文章主要介绍了JS基于onclick事件实现单个按钮的编辑与保存功能,结合实例形式分析了JS实现onclick响应事件的转换相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS基于onclick事件实现单个按钮的编辑与保存功能。分享给大家供大家参考,具体如下:

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

 !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"TR/html4/loose.dtd" 
 html 
 head 
 meta http-equiv="Content-Type" content="text/html; charset=UTF-8" 
 title test /title 
 /head 
 body 
 span id="xs" 欢迎来到凡科!凡科提供专业的源码示例与素材下载! /span 
 textarea id="ei" 欢迎来到凡科!凡科提供专业的源码示例与素材下载! /textarea 
 br/ 
 input type="button" id="btt" name="btt" value="Edit" / 
 script type="text/javascript" 
 //Edit content
 function edit(){
 document.getElementById("xs").style.display="none";
 document.getElementById("ei").style.display="";
 var butt=document.getElementById("btt");
 butt.value="Save";
 butt. unction(){
 save();//第二次单击的时候执行这个函数
 //Save content
 function save(){
 var cxs=document.getElementById('xs');
 var ei=document.getElementById("ei");
 var butt=document.getElementById("btt");
 butt.value="Edit";
 ei.style.display="none";
 cxs.innerHTML=ei.value;
 cxs.style.display="";
 butt. unction(){
 edit();//还原第一次单击的时候执行的函数
 /script 
 /body 
 /html 

运行效果图如下:

凡科抠图:关于javascript常用事件及相关说明还可参考本站在线工具:

javascript事件与功能说明大全:

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。


推荐阅读

微信小程序报名_JS基于onclick工作完成单个按钮的

JS根据onclick恶性事件完成单独按键的编写与储存作用实例 本文关键详细介绍了JS根据onclick恶性事件完成单独按键的编写与储存作用,融合案例方式剖析了JS完成onclick响应恶性事件的...

2021-01-12
建设一个让人们都喜欢的网站需要做好这几点

您的部位: > 新闻报道新闻资讯 > 企业网站建设 > 基本建设一个令人们都喜爱的网站必须搞好这几个方面现如今基本建设一个网站非常容易,但是大家喜爱的网站呢?告知大家真正大家喜...

2021-01-12
广州凡科互联网科技股份有限公司招聘OA客户经理

招聘人数:26职位信息职位描述:(1)负责达成销售任务目标。(2)负责开拓区域内客户,建立区域内客户资源与人脉体系。(3)负责针对意向客户进行商机挖掘。(4)负责销售工作...

2021-01-12
广州凡科互联网科技股份有限公司招聘物业会计

招聘人数:9职位信息岗位职责:1、负责物业项目的会计核算、纳税申报、编制财务报表;2、负责物业项目的财务内控管理,按预算控制成本支出;3、负责物业项目日常财务单据审核、...

2021-01-12
小程序商城的优势-广东智鼎网络官网

​广东省智鼎互联网官方网站_广东省湛江市企业网站建设_湛江市微信小程序开发设计_湛江市手机上企业网站建设_湛江市网站制作SEO提升排行_湛江市建设网站_广东省湛江市互联网企业...

2021-01-11
广州凡科互联网科技股份有限公司招聘天猫淘宝

招聘人数:8职位信息我司主要经营天猫店铺,单店铺月营业额700万+公司为自己独立研发、设计、制作、营销为一体的电商企业1、负责对拍摄后的图片进行修图处理,并且保质保量按时...

2021-01-11
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信