JS如何删除table中的一行

时间:2024-10-28 16:11:45

1、新建一个html文件,命名为test.html,用于讲解JS如何删除table中的一行。

JS如何删除table中的一行

2、在test.html文件内,使用table标签创建一个表格,并设置其边框为1px,单元格内容四周间隙为20px。

JS如何删除table中的一行

3、在test.html文件内,在table标签内,使用tr、td标签实现两行三列表格。

JS如何删除table中的一行

4、在test.html文件内,在table标签内,给删除文字添加一个a标签链接,用于点击删除。

JS如何删除table中的一行

5、在table标签内,给a标签绑定onclick点击事件,当按钮被点击时,执行del()函数,并把当前对象通过this传递给函数。

JS如何删除table中的一行

6、在js标签内,创建del()函数,在函数内,通过a标签对象,使用parentNode属性找到tr标签,通过remove()方法删除当前行。

JS如何删除table中的一行

7、在浏览器打开test.html文件,查看实现的效果。

JS如何删除table中的一行
JS如何删除table中的一行
© 手抄报圈