<!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>直接雙擊頁(yè)面元素進(jìn)行修改的HTML代碼</title>
<scripttype="text/javascript">
functionShowElement(element)
{
varoldhtml=element.innerHTML;//獲得元素之前的內(nèi)容
varnewobj=document.createElement('input');//創(chuàng)建一個(gè)input元素
newobj.type='text';//為newobj元素添加類(lèi)型
//設(shè)置newobj失去焦點(diǎn)的事件
newobj.onblur=function(){
element.innerHTML=this.value?this.value:oldhtml;//當(dāng)觸發(fā)時(shí)判斷newobj的值是否為空,為空則不修改,并返回oldhtml。
}
element.innerHTML='';//設(shè)置元素內(nèi)容為空
element.appendChild(newobj);//添加子元素
newobj.focus();//
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注