javascript单击链接删除行
时间: 2023-09-08 12:08:16 浏览: 77
你可以使用以下代码来实现单击链接删除行的功能:
```html
<table id="myTable">
<tr>
<td>Row 1</td>
<td><a href="#" class="delete-row">Delete</a></td>
</tr>
<tr>
<td>Row 2</td>
<td><a href="#" class="delete-row">Delete</a></td>
</tr>
<tr>
<td>Row 3</td>
<td><a href="#" class="delete-row">Delete</a></td>
</tr>
</table>
<script>
var deleteLinks = document.getElementsByClassName('delete-row');
for (var i = 0; i < deleteLinks.length; i++) {
deleteLinks[i].addEventListener('click', function(e) {
e.preventDefault();
this.parentNode.parentNode.remove();
});
}
</script>
```
这段代码会为所有类名为 `delete-row` 的链接添加点击事件监听器,当用户点击链接时,它会阻止默认行为(即跳转到链接的 URL),然后删除该链接所在的行。你只需要将 `myTable` 替换为你的表格的 ID,就可以在你的表格中使用此代码。