javascript - 创建新的 HTML 表单而不重置之前的输入

Question

我的 JavaScript 中有这两行代码，它们创建两个新的 HTML 表单，供用户在每次调用包含函数时输入数据。现在，每次创建新的 2 个表单时，都会删除以前的输入，我想我知道为什么，这与第二行以及我如何设置 innerHTML 有关。我似乎无法找到另一种方法，但是，非常感谢任何帮助！

谢谢。

var newForm = "<b>Checkpoint " + markerId + ":</b> Name <input type='text' id=" + markerId + "> Description <input type ='text' id=" + markerId + "desc style='width:480px;height:58px;'>     <button type='submit' value='Remove' onClick='remove_checkpoint();' /> <br />";
document.getElementById("divForms").innerHTML = document.getElementById("divForms").innerHTML  + "<br />" + newForm;

Answer 1

了解诸如createElement和appendChild 之类的 DOM 方法。

var div = document.createElement("div");
div.innerHTML = "<b>Your code</b>";
document.getElementById("divForms").appendChild(div);

Answer 2

您得到的内部 html 不包含您在该字段中键入的值（只需尝试显示源以说服自己）。我认为您正在寻找的是jQuery append 方法（如果您可以使用 jQuery...）