如何将这个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();