HTML 点击按钮添加新行：JavaScript 代码示例

<!DOCTYPE html>
<html>
<head>
<script>
function addRow() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(-1);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "New Cell 1";
  cell2.innerHTML = "New Cell 2";
}
</script>
</head>
<body>
<table id="myTable">
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
</table>
<p><button onclick="addRow()">Add Row</button></p>
</body>
</html>
在这个示例中，我们首先创建一个table元素，并给它一个id为"myTable"，然后在表格中添加一行作为初始行。接下来，我们创建一个JavaScript函数`addRow()`，当按钮被点击时执行这个函数。在`addRow()`函数内，我们首先通过`getElementById()`方法获取到表格元素，然后使用`insertRow()`方法在表格的末尾添加一行。然后，我们使用`insertCell()`方法在新添加的行中插入两个单元格并分别设置它们的内容为"New Cell 1"和"New Cell 2"。最后，我们将`addRow()`函数绑定到按钮的`onclick`事件上，这样当按钮被点击时就会执行这个函数，从而实现在点击按钮后添加一行的效果。