JavaScript动态添加/删除表格行

以项目页面中一个简单的表格为例:

JavaScript动态添加/删除表格行

如果想要通过点击左下角+按钮达到增加一行的效果:

JavaScript动态添加/删除表格行

应该怎样处理呢?

基本思路就是点击一下按钮触发click事件,将添加表格行的函数绑定到该事件即可,具体来看添加表格行的函数:

JavaScript动态添加/删除表格行

由于删除表格行的按钮应该是在添加了新行之后才有的,所以直接在生成的按钮上添加一个点击事件的监听即可:

JavaScript动态添加/删除表格行

以上都可以参考MDN上的相关介绍 DOM接口,也可以看看W3School上的 教程 。

完整的代码如下:

JavaScript动态添加/删除表格行

编辑|整理  李嘉琪

来源:悦码,本文观点不代表自营销立场,网址:https://www.zyxiao.com/p/99493

发表评论

电子邮件地址不会被公开。 必填项已用*标注

技术服务
技术服务
关注抖音
关注抖音
进群学习 侵权联系
返回顶部