使用JavaScript向表中添加新行时重置输入字段

<table id="myTable">
  <thead>
    <tr>
      <th>字段1</th>
      <th>字段2</th>
      <th>字段3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="text" id="field1"></td>
      <td><input type="text" id="field2"></td>
      <td><input type="text" id="field3"></td>
    </tr>
  </tbody>
</table>

<button id="addRowBtn">添加行</button>

document.getElementById("addRowBtn").addEventListener("click", function() {
  var table = document.getElementById("myTable");
  var newRow = document.createElement("tr");

  var field1Cell = document.createElement("td");
  var field1Input = document.createElement("input");
  field1Input.type = "text";
  field1Input.value = ""; // 重置输入字段的值
  field1Cell.appendChild(field1Input);
  newRow.appendChild(field1Cell);

  var field2Cell = document.createElement("td");
  var field2Input = document.createElement("input");
  field2Input.type = "text";
  field2Input.value = ""; // 重置输入字段的值
  field2Cell.appendChild(field2Input);
  newRow.appendChild(field2Cell);

  var field3Cell = document.createElement("td");
  var field3Input = document.createElement("input");
  field3Input.type = "text";
  field3Input.value = ""; // 重置输入字段的值
  field3Cell.appendChild(field3Input);
  newRow.appendChild(field3Cell);

  table.getElementsByTagName("tbody")[0].appendChild(newRow);
});