Javascript删除表单输入添加到innerHTML

Question

我在使用表单时遇到了 javascript“innerHTML”函数的问题。我一直在向表单添加更多选项(并将它们以数组形式发送到服务器，例如 foo[] )。问题是，如果用户按下向表单添加另一个元素以添加另一个选项，则他们之前选择的选项将被删除。

我想要发生的只是在标签内添加另一个相同类型的元素。我的目标是 IE9，不使用任何框架。我在用:

document.getElementById("contents").innerHTML += this.item;

哪里 this.item是我想添加到行尾的代码。

我想知道的是，通过我想要添加的代码树递归创建节点树，然后使用 appendChild 是最好的方法，还是有更好的方法？

Answer 1

从字面上看从不使用 innerHTML += ，它会搞砸一切。

insertAdjacentHTML适用于这些情况，自 IE4 以来一直受支持

所以:
document.getElementById("contents").insertAdjacentHTML( "beforeend", this.item )