JavaScript:将输入元素添加到当前 div

Question

我有一个 javascript 函数，它向页面添加一个包含三个输入的 div 和一个链接以向同一个 div 添加更多输入(假设用户不知道会有多少字段，因此他可以动态添加它们) .

var div=document.createElement("div");
div.innerHTML='<input type="text" name="question" /><br><br>'+
              '<input type="text" name="input1"/><br />'+
              '<input type="text" name="input2"/><br />'+
              '<a href="javascript:addInput()">Add input field</a>';

var parent_div=document.getElementById('dinamicni_div');
parent_div.appendChild(div);

我现在如何实现此 addInput() 函数以在同一 div(但在链接上方)中的最后一个输入(当前为 input2)下方添加一个输入？

只是为了说明 - 我有两个 JS 函数来动态生成内容:addDiv()，您可以在上面看到它的缩写；和我想要实现的 addInput()，它应该在当前 div 中添加一个输入，即单击链接的位置。

Answer 1

尝试

document.getElementById('yourdiveID').innerHTML += "<input type='text' value='' /><br />";

它会在 div 的末尾添加。