双击文字出现文本框

双击文字出现文本框

（撰写时间：2019年5月26日）
接下来我们使用Visual Studio这个软件来写一个的方法，我们可以使用这种写法写一个简单的小案例。这个小案例是什么呢。就是双击文字的时候出现文本框可以让你输入。造成了可以输入的一个特效。
那么这个代码要怎么写才能让他实现出来呢，首先我们需要先搭建Html的页面。写一些样式让他展示出来。
我们先看一下html的页面截图：

在截图中我们可以看到是用dl包裹dt，dt里面包裹的一个dd，dl是一个定义列表的标签。dt是定义了列表中的项目，dd是定义了列表的部分。然后在dd标签里面给他弄了一个当鼠标双击按钮要执行javascript元素。Ondblclick它的属性就是在鼠标双击元素的时候触发它。定义好了html的界面代码后，我们就需要写一个script标签扩住写他的一个方法。接下来看一下javascript的代码内容。
看以下截图内容：

首先我们先定义好一个为ShowElement的方法名，然后获得元素之前的内容。然后在创建一个input的元素。然后为newobj元素添加一个类型，设置newobj失去焦点的事件。
当触发的时候判断newobj的值是不是空的，一个空的就不修改，然后返回oldhtml。
最后就设置元素的内容为空，添加他的子元素、然后再获得焦点。
下面我们看一下输出的截图：

这样就可以实现出双击出现文本框的效果。