js怎麽將p標簽換成input並將p標簽的內容賦值到input的value中去。如下

var?kv?=?[{?"label":?"姓名",?"id":?"Name"?},?{?"label":?"手機號",?"id":?"Mobile"}];

//變成編輯事件

function?modify()?{

//獲取頁面上所有的?li?標簽元素

//這裏的?document?可以換成?document.getElementById("ul1")

//表示只查找?ul1?標簽下面的?li?標簽

var?lis?=?document.getElementsByTagName("li");

//遍歷找到的?li?標簽

for?(var?i?=?0;?i?<?lis.length;?i++)?{

//查找?li?標簽下的?p?標簽

var?ps?=?lis[i].getElementsByTagName("p");

//查找?li?標簽下的?label?標簽

var?labels?=?lis[i].getElementsByTagName("label");

var?p?=?ps[0];?//取第壹個?p?標簽元素

var?label?=?labels[0];?//取第壹個?label?標簽元素

var?t?=?p.innerHTML;?//獲取?p?標簽中的文本

//同理，name?的值也可以像?id?壹樣額外設定

var?id?=?getID(label);

//刪除?P?標簽

lis[i].removeChild(p);

//累加文本框

lis[i].innerHTML?+=?"<input?type='text'?name='"?+?id?+?"'?id='"?+?id?+?"'?value='"?+?t?+?"'?/>";

}

}

//根據規則設定?ID

function?getID(label)?{

var?id?=?"";

var?t?=?label.innerHTML;

for?(var?i?=?0;?i?<?kv.length;?i++)?{

//如果標簽中含有指定字眼，則設定為對應的?ID

if?(t.indexOf(kv[i].label)?>?-1)?{

id?=?kv[i].id;

break;

}

}

return?id;

}<input?type="button"?value="編輯"?onclick="modify()"?/>

<ul?id="ul1">

<li><label>姓名：</label><p>張蘇安</p></li>

<li><label>手機號：</label><p>number</p></li>

</ul>