JS实现了双击编辑可修改状态的方法

阐述了用JS双击编辑可修改状态的方法。分享给大家参考。具体如下：

这是现在流行的一种形态特效。单击网页上的文本，文本将被编辑，或者输入新文本。这是一个JavaScript控制表单的例子。下面的代码实现了用户名和签名文件的双击编辑功能。

运行效果如下图所示：

在线演示地址如下：

http://demo . JB 51 . net/js/2015/js-双击-编辑-样式-代码/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head title js实现双击编辑修改状态/title meta http-equiv=' content-type ' content=' text/html；charset=gb2312 '脚本类型='text/javascript '函数show element(element){ var old html=element . innerhtml；var new obj=document . create element(' input ')；//创建新的输入元素newobj.type=' text//添加类型new obj . onbulr=function(){ element . innerhtml=this . value？this.value : oldhtml//触发时判断新元素值是否为空，如果为空则不做修改，返回原值} element.innerHTML=element . appendchild(new obj)；new obj . focus()；}/script/head dydl dt你的用户名：/dt DD ond blclick=' show element(this)'三人组/dd dt你的简介/dt DD ond blclick=' show element(this)'我闪了，所以我在/dd/dl/body/html。我希望这篇文章能对你的javascript编程有所帮助。