通过javascript将多个输入追加到表中

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <!-- 这里是表格的内容 -->
  </tbody>
</table>

var name = document.getElementById("nameInput").value;
var age = document.getElementById("ageInput").value;
var gender = document.getElementById("genderInput").value;

var table = document.getElementById("myTable");
var row = table.insertRow(-1); // -1表示在表格最后追加新行

var cell1 = row.insertCell(0);
cell1.innerHTML = name;

var cell2 = row.insertCell(1);
cell2.innerHTML = age;

var cell3 = row.insertCell(2);
cell3.innerHTML = gender;

function appendToTable() {
  var name = document.getElementById("nameInput").value;
  var age = document.getElementById("ageInput").value;
  var gender = document.getElementById("genderInput").value;

  var table = document.getElementById("myTable");
  var row = table.insertRow(-1);

  var cell1 = row.insertCell(0);
  cell1.innerHTML = name;

  var cell2 = row.insertCell(1);
  cell2.innerHTML = age;

  var cell3 = row.insertCell(2);
  cell3.innerHTML = gender;
}

document.getElementById("submitButton").addEventListener("click", appendToTable);