该实例可以实现点击同一个按钮实现编辑和保存的功能:
代码如下 | 复制代码 |
"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();//还原第一次单击的时候执行的函数 }; } |
运行效果图如下: