js实现动态表格的创建, 在输入框中输入内容后,点击保存则在表格末尾添加一条记录, 点击删除则会删除对应行的记录

可以使用以下代码实现：

HTML：

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

<input type="text" id="name" placeholder="姓名">
<input type="text" id="age" placeholder="年龄">
<input type="text" id="gender" placeholder="性别">
<button id="saveBtn">保存</button>

JavaScript：

var saveBtn = document.getElementById("saveBtn");
var nameInput = document.getElementById("name");
var ageInput = document.getElementById("age");
var genderInput = document.getElementById("gender");
var tableBody = document.querySelector("#myTable tbody");

saveBtn.addEventListener("click", function() {
  var name = nameInput.value;
  var age = ageInput.value;
  var gender = genderInput.value;

  var newRow = document.createElement("tr");
  newRow.innerHTML = "<td>" + name + "</td><td>" + age + "</td><td>" + gender + "</td><td><button class='deleteBtn'>删除</button></td>";
  tableBody.appendChild(newRow);

  nameInput.value = "";
  ageInput.value = "";
  genderInput.value = "";
});

tableBody.addEventListener("click", function(event) {
  if (event.target.classList.contains("deleteBtn")) {
    var row = event.target.parentNode.parentNode;
    row.parentNode.removeChild(row);
  }
});

这段代码实现了一个动态表格，当用户在输入框中输入内容后，点击保存按钮，会在表格末尾添加一条记录。每条记录都有一个删除按钮，点击删除按钮会删除对应行的记录。