HTML中表格动态添加_动力节点Java学院整理

直接进入主题，以下是HTML代码示例：

```html

```

添加行的功能

当您点击“添加”按钮时，下面的函数将被触发：

```javascript

function addRow() {

var newRow = document.createElement("tr");

// 为该行元素赋予一个独特的ID，以便于后续操作

newRow.id = Date.now(); // 使用当前时间戳作为ID

// 定义新行的HTML内容，包括两个输入框和两个按钮

newRownerHTML = `

`;

document.getElementById("tb").appendChild(newRow);

}

```

删除行的功能

当用户点击“删除”按钮时，会触发下面的函数：

```javascript

function deleteRow(obj) {

// 获取当前行的父元素的父元素的ID，即行的ID

var trId = obj.parentNode.parentNode.id;

// 根据ID获取要删除的行元素

var rowToDelete = document.getElementById(trId);

document.getElementById("tb").removeChild(rowToDelete);

}

```

待完善的细节