在html中 已经创建好表格 点击添加按钮后实现增加一行表格的功能

可以使用JavaScript来实现在HTML表格中动态添加一行的功能。具体步骤如下：

1. 给添加按钮添加一个点击事件监听器。
2. 在事件处理函数中，使用JavaScript创建一个新的表格行元素 `<tr>`。
3. 使用JavaScript创建新的单元格元素 `<td>`，并为每个单元格设置文本或内容。
4. 把新创建的单元格元素添加到新创建的表格行元素中。
5. 把新创建的表格行元素添加到表格的 `<tbody>` 元素中。

下面是一个示例代码：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody id="table-body">
    <tr>
      <td>张三</td>
      <td>20</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>25</td>
      <td>女</td>
    </tr>
  </tbody>
</table>

<button id="add-row-btn">添加行</button>

<script>
  var addRowBtn = document.getElementById('add-row-btn');
  var tableBody = document.getElementById('table-body');
  
  addRowBtn.addEventListener('click', function() {
    var newRow = document.createElement('tr');
    var nameCell = document.createElement('td');
    var ageCell = document.createElement('td');
    var genderCell = document.createElement('td');
    
    nameCell.textContent = '王五';
    ageCell.textContent = '30';
    genderCell.textContent = '男';
    
    newRow.appendChild(nameCell);
    newRow.appendChild(ageCell);
    newRow.appendChild(genderCell);
    
    tableBody.appendChild(newRow);
  });
</script>

需要注意的是，这里使用了表格的 `<tbody>` 元素来作为动态添加行的容器。这样做可以避免在添加行的时候影响到表格的头部 `<thead>`。