javascript - 在不破坏表单内容的情况下添加到 innerHTML

Question

我有一个基于多文件 uploader (swfupload) 通过 ajax 生成的表单。它在每个文件上传完成后向给定的 dom 元素添加更多表单元素。这给了我一个问题。如果我选择 5 个文件上传，第一个文件将生成一个表单，我将开始在其中输入数据，但是，当第二个文件上传完成时，它会清除表单元素中先前输入的数据，并附加第二个表单元素.

我认为这是因为我正在使用:

document.getElementById('test').innerHTML = document.getElementById('test').innerHTML + newformelements;

我认为执行上述操作不会在表单中保留任何输入的数据，只会保留 HTML 本身。

那么，如何在不破坏已经放入表单字段中的内容的情况下追加到这个元素？可能的 child 的数量是基于多上传者的动态。

Answer 1

您愿意使用 jquery 吗？如果是，那么你可以很容易地做这样的事情

$("#divid").append("html you want to append");