Javascript 向div添加新元素将删除当前值

所以我有一个js函数：

function addNewUpload()
{
    if(formNumber == 1){
        displayRemove();
    }

    if(formNumber != 10){
        var html = " <div id='u_"+(formNumber+1)+"' > ";
        //html += " description : <input type='text' name='desc[]' /> <br> ";
        html += " photo : <input type='file' name='file[]' />   ";
        html += " </div> ";
        document.getElementById('uploadHolder').innerHTML += html;

        formNumber = formNumber + 1;
    } else {
        alert("You can only upload 10 photos.");
    }                                                                               
}

函数addNewUpload（）
{
如果（formNumber==1）{
displayRemove（）；
}
如果（formNumber！=10）{
var html=“”；
//html+=“说明：
”；
html+=“照片：”；
html+=“”；
document.getElementById（'uploadHolder'）。innerHTML+=html；
formNumber=formNumber+1；
}否则{
提醒（“您只能上传10张照片”）；
}                                                                               
}

它工作正常，只是从已经使用此函数添加的字段中删除了值。我怎样才能阻止它这样做？

这很正常

您说“获取我的块的内部html，向其中添加一些内容，然后使用此字符串重新初始化我的块的内部html”

表单的值不在innerhtml中

看看这个线程：

这很正常

您说“获取我的块的内部html，向其中添加一些内容，然后使用此字符串重新初始化我的块的内部html”

表单的值不在innerhtml中

---

看看这个线程：

您应该使用诸如appendChild和createNewElement等DOM方法

试着做以下几点：

（在本例中，出于演示目的，将类型的“文件”更改为文本）

---

您应该使用诸如appendChild和createNewElement等DOM方法

试着做以下几点：

（在本例中，出于演示目的，将类型的“文件”更改为文本）

---

displayRemove

的作用是什么？更多代码？probalby不应该为此使用innerHTML。使用诸如

var d=document.createElement（“div”）

和

document.getElementById（“uploadHolder”）.appendChild（d）

@Joseph这就是答案。将其作为答案发布。@RobW抱歉。在我看到你的消息之前，我正在制作一个演示并发布了我的答案。XD显示删除功能是什么？更多代码？probalby不应该为此使用innerHTML。使用诸如

var d=document.createElement（“div”）

和

document.getElementById（“uploadHolder”）.appendChild（d）

@Joseph这就是答案。将其作为答案发布。@RobW抱歉。在我看到你的消息之前，我正在制作一个演示并发布了我的答案。XD@AhouraGhotbi不客气。：）很乐意帮忙。（感谢罗布修改了我的密码）@AhouraGhotbi不客气。：）很乐意帮忙。（感谢Rob修改了我的代码）

function addNewUpload()
{
    if(formNumber == 1){
        displayRemove();
    }

    if(formNumber != 10){
        var d = document.createElement("div");
        d.id = "u_" + formNumber;
        var i = document.createElement("input");
        i.type = "file";
        i.name = "file[]";
        d.appendChild(document.createTextNode(" photo : "));
        d.appendChild(i);
        document.getElementById('uploadHolder').appendChild(d);

        formNumber++;
    } else {
        alert("You can only upload 10 photos.");
    }                                                                               
}