javascript - 附加一个新的文本框onclick of button

Question

我正在尝试编写最简单的代码，例如单击按钮，应分配具有唯一 ID 的新文本框并将其附加到现有文本框。

function appendRow()
{
var x = 1;
for(var i=0; i < x; i++)
{
    var d = document.getElementById('div');
    d.innerHTML = "<input type='text' id='tst"+ x +"'><br >";
}
++x;
}

HTML:

<div id="div">
 <button onclick ="appendRow()" value="Add Row">Add Row</button>
 </div>

这对于技术人员来说可能非常简单。

谢谢。

Answer 1

您正在替换按钮。您必须将新的 div 附加到已经创建的元素。尝试使用 += 而不是 =。

也不需要循环。您可以使用不断增加的变量分配唯一 ID

尝试:

var x=1
function appendRow()
{
   var d = document.getElementById('div');
   d.innerHTML += "<input type='text' id='tst"+ x++ +"'><br >";
}

DEMO