使用html，css，js，写一个动态修改表格的代码

好的，以下是一个简单的动态修改表格的代码示例：

HTML 代码：

<table id="myTable">
  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>Gender</th>
  </tr>
  <tr>
    <td>John</td>
    <td>25</td>
    <td>Male</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>30</td>
    <td>Female</td>
  </tr>
</table>

<button onclick="addRow()">Add Row</button>

JavaScript 代码：

function addRow() {
  var table = document.getElementById("myTable");
  var newRow = table.insertRow();
  var nameCell = newRow.insertCell(0);
  var ageCell = newRow.insertCell(1);
  var genderCell = newRow.insertCell(2);
  nameCell.innerHTML = "New Name";
  ageCell.innerHTML = "New Age";
  genderCell.innerHTML = "New Gender";
}

CSS 代码：

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #ddd;
}

tr:hover {
  background-color: #f5f5f5;
}

th {
  background-color: #4CAF50;
  color: white;
}

这个代码会创建一个带有三列的表格，然后添加一个按钮，当点击按钮时，会在表格中添加一行，并填充新的数据。CSS 部分只是简单地定义了表格的样式，可以根据需要进行更改。