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>

在JS中添加带有编辑文本的新表

1 个答案: