<!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();//
