要实现表格行删除按钮,您可以使用JavaScript和HTML来完成。以下是一种可能的解决方法:
HTML部分:
姓名
年龄
操作
张三
25
李四
30
王五
35
JavaScript部分:
function deleteRow(button) {
// 获取要删除的行
var row = button.parentNode.parentNode;
// 获取要删除的表格
var table = row.parentNode.parentNode;
// 删除行
table.deleteRow(row.rowIndex);
}
在上面的代码中,我们为每一行的删除按钮绑定了一个onclick
事件,当点击删除按钮时,会调用deleteRow
函数。该函数的参数button
表示被点击的按钮对象。通过button.parentNode.parentNode
可以获取到要删除的行对象row
,然后通过row.parentNode.parentNode
获取到要删除的表格对象table
,最后调用table.deleteRow(row.rowIndex)
来删除指定行。
您可以根据实际需求修改表格的内容和样式,以及删除按钮的事件处理逻辑。