首页 电子资讯 化工资讯 it资讯 范文论文 软件资讯 农药资讯 教育资讯 人工智能 创业交流 故事会 电商资讯 站长资讯
直接双击页面元素进行修改的HTML代码
您当前的位置 :首页 > 软件资讯 正文 来源: 小嘎生活网 发布时间:2020-08-01 05:25:47

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

精华推荐
大家爱看
高清图集