JS如何在表单中点击删除按钮可以删除一行

话不多说直接看效果图：

css代码：

<table border="1">
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>班级</th>
            <th>学校</th>
            <th>操作</th>
        </tr>
        <tr>
            <td>1</td>
            <td>李四</td>
            <td>二年级</td>
            <td>东湾中学</td>
            <td><a href="#">删除</a></td>
        </tr>
        <tr>
            <td>2</td>
            <td>李四</td>
            <td>二年级</td>
            <td>东湾中学</td>
            <td><a href="#">删除</a></td>
        </tr>
        <tr>
            <td>3</td>
            <td>李四</td>
            <td>二年级</td>
            <td>东湾中学</td>
            <td><a href="#">删除</a></td>
        </tr>
        <tr>
            <td>4</td>
            <td>李四</td>
            <td>二年级</td>
            <td>东湾中学</td>
            <td><a href="#">删除</a></td>
        </tr>
        <tr>
            <td>5</td>
            <td>李四</td>
            <td>二年级</td>
            <td>东湾中学</td>
            <td><a href="#">删除</a></td>
        </tr>
    </table>

 

js处代码：

<script>
        // 获取表格数据和删除按钮
        let _aol = document.querySelectorAll('table tr')
        let _bol = document.querySelectorAll('table a')
        console.log(_bol);
        _bol.forEach(item => {
            item.onclick = function () {
                item.parentNode.parentNode.remove();
            }
        })

</script>