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