在js中添加帶有編輯文本的新表

Question

我想在單擊按鈕時動態制作我的網頁，它應該添加新的編輯文本

 function myCreateFunction() { var table = document.getElementById("table"); var row = table.insertRow(0); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1.innerHTML = "NEW CELL2"; cell2.innerHTML = "NEW CELL2"; }

 <table id="table"> <tr class="tr"> <td><input type="text" class="Text1"/></td> <td><input type="text" class="Text2"/></td> <td><input type="text" class="Text3"/></td> <td><span class="lblStatus"></span></td> <td><button type="button" onclick="myCreateFunction()">Save projekt</button></td> </tr> </table>

Answer 1

我想這就是你想要的。

在這一行var row = table.insertRow(-1); 我從0更改為-1以在末尾插入新行

 function myCreateFunction() { var table = document.getElementById("table"); var row = table.insertRow(-1); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(1); cell1.innerHTML = '<input type="text" class="Text3"/>'; cell2.innerHTML = '<input type="text" class="Text3"/>'; cell3.innerHTML = '<input type="text" class="Text3"/>'; }

 <table id="table"> <tr class="tr"> <td><input type="text" class="Text1"/></td> <td><input type="text" class="Text2"/></td> <td><input type="text" class="Text3"/></td> <td><span class="lblStatus"></span></td> <td><button type="button" onclick="myCreateFunction()">Save projekt</button></td> </tr> </table>