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 )