直接双击页面元素进行修改的HTML代码

2020-03-24 15:49:06

字体：大中小

来源：转载

供稿：网友

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

<title>直接双击页面元素进行修改的HTML代码</title>

<scripttype="text/javascript">

functionShowElement(element)

{

varoldhtml=element.innerHTML;//获得元素之前的内容

varnewobj=document.createElement('input');//创建一个input元素

newobj.type='text';//为newobj元素添加类型

//设置newobj失去焦点的事件

newobj.onblur=function(){

element.innerHTML=this.value?this.value:oldhtml;//当触发时判断newobj的值是否为空，为空则不修改，并返回oldhtml。

}

element.innerHTML='';//设置元素内容为空

element.appendChild(newobj);//添加子元素

newobj.focus();//