如何在javascript中使用admore表格

Question

我如何使用addmore按鈕重復表格？它應該是動態表格。

我用了

<input type="submit" onclick="myFunction()">
<div id="demo"></div>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="<input type='text' name='name'>";
}
</script>

但是每次我單擊按鈕時，它都會覆蓋上一個。但是我想保留上一個輸入字段。

Answer 1

嘗試這個

<input type="submit" onclick="myFunction()">
<div id="demo"></div>
<script>
function myFunction(){
document.getElementById("demo").innerHtml=document.getElementById("demo").innerHtml+"<input type='text' name='name'>\r\n";
}
</script>

Answer 2

您正在丟失舊的html，因為您使用了operator = 。 您需要使用+=與舊版HTML結合。

嘗試這個：

 function myFunction() { document.getElementById("demo").innerHTML += "<input type='text' name='name'/>"; } 

 <input type="submit" onclick="myFunction()"> <div id="demo"></div>