如何将这个div转换成input

Question

<div id="test">test</div>

我希望转换成

<input id="test" value="test"/>

el = document.getElementById("test");
el.setAttribute("value","test");

可是div如何变成 input?

Answer 1

创建 input 删除 div ;var div = document.getElementById('test');var ipt = document.createElement('input'); ipt.setAttribute('id','test'); ipt.setAttribute('value',div.innerText);document.body.appendChild(ipt); div.remove();