JS实现点击按钮可实现编辑功能
具体代码如下所示:
//修改密码 //抓取到的数据 functionedit(){ document.getElementById("ps").style.display="none"; document.getElementById("pw").style.display=""; document.getElementById("of").style.display=""; varbutt=document.getElementById("btt"); butt.value="修改"; butt.onclick=function(){ save();//第二次单击的时候执行这个函数 }; } //取消健 functionoff(){ varpass=document.getElementById('ps'); varpws=document.getElementById("pw"); varbutt=document.getElementById("btt"); document.getElementById("of").style.display="none", butt.value="编辑"; pws.style.display="none"; pass.innerHTML=pws.value; pass.style.display=""; butt.onclick=function(){ edit();//还原第一次单击的时候执行的函数 }; } //编辑之后的状态 functionsave(){ varpass=document.getElementById('ps'); varpws=document.getElementById("pw"); varbutt=document.getElementById("btt"); butt.setAttribute("type","submit"); butt.value="编辑"; pws.style.display="none"; pass.innerHTML=pws.value; pass.style.display=""; butt.onclick=function(){ edit();//还原第一次单击的时候执行的函数 }; } 姓名: 账号: 密码: 888888 888888
总结
以上所述是小编给大家介绍的JS实现点击按钮可实现编辑功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!
热门推荐
10 开锁祝福语简短走心
11 对部门师姐祝福语简短
12 端午送老师祝福语简短
13 新房上梁简短祝福语大全
14 对转校同学祝福语简短
15 给长辈冬至祝福语 简短
16 女孩结婚祝福语大全简短
17 恭喜高考完祝福语简短
18 新年到来的祝福语简短