如何使用javascript在表中动态添加输入

<table id="myTable">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
</table>

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

// 获取表格和按钮元素
var table = document.getElementById("myTable");
var addRowBtn = document.getElementById("addRowBtn");

// 添加点击事件监听器
addRowBtn.addEventListener("click", function() {
  // 创建新的表格行
  var newRow = document.createElement("tr");
  
  // 创建表格单元格并添加到新的表格行中
  var nameCell = document.createElement("td");
  var ageCell = document.createElement("td");
  newRow.appendChild(nameCell);
  newRow.appendChild(ageCell);
  
  // 创建输入元素并添加到表格单元格中
  var nameInput = document.createElement("input");
  var ageInput = document.createElement("input");
  nameCell.appendChild(nameInput);
  ageCell.appendChild(ageInput);
  
  // 将新的表格行添加到表格中
  table.appendChild(newRow);
});