JS如何删除table中的一行

 时间:2026-02-12 01:10:51

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中的一行

1、创建一个test.html文件。


2、在文件内,使用table、tr、td标签创建两行三列表格,通过a标签绑定onclick事件,通过点击实现执行js函数。
3、在js函数中,通过当前对象获得其父节点tr对象,使用remove()方法删除当前行。
  • 如何让span居中
  • margin和padding的区别
  • HTMLcss怎样让div固定在顶部位置
  • button按钮的属性设置
  • CSS如何实现只显示div的下边框
  • 热门搜索
    精品旅游 重庆 旅游 云南旅游乱象 巴马旅游 国庆节旅游 三亚旅游景点排名 安徽旅游职业学院 一起去旅游 韩国济州岛旅游 太原旅游景点大全