Question

js 实现innerHTML重新赋值

<script>
function addimg(){
document.getElementById("all").innerHTML+='<div style="width:100%;float:left;">'
+'<p>名字：</p>'
+'<input name="pic" type="text" id="pic" value="" style="float:left;">'
+'<a onclick="addimg()">+</a>'
+'</div>';
}
</script>
<div id="all">
<div style="width:100%;float:left;">
<p>名字：</p>
<input name="pic" type="text" id="pic" value="" style="float:left;">
<a onclick="addimg()">+</a>
</div>
</div>
每次点击+时，文本框的值又为空了。
怎么在输入文本框值后按+该文本框的值依旧存在呢？
怎么实现呢？

Answer 1

function addimg(){
var text=document.getElementById("pic").value;
document.getElementById("all").innerHTML+='<div style="width:100%;float:left;">'
+'<p>名字：</p>'
+'<input name="pic" type="text" id="pic" value="'+text+'" style="float:left;">'
+'<a onclick="addimg()">+</a>'
+'</div>';
}