博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript动态添加删除表格行
阅读量:6651 次
发布时间:2019-06-25

本文共 1456 字,大约阅读时间需要 4 分钟。

hot3.png

直接贴代码:

   表格动态添加删除行         
标题一 标题二 标题三 标题四 操作
wallimn http://blog.csdn.net/wallimn wallimn@tom.com http://wallimn.ys168.com 行索引  删除
长三江 村在 北京天安门 东四十条 行索引  删除
长三江 村在 北京天安门 东四十条 行索引  删除
长三江 村在 北京天安门 东四十条 行索引  删除
wallimn http://blog.csdn.net/wallimn wallimn@tom.com http://wallimn.ys168.com 行索引  删除
长三江 村在 北京天安门 东四十条 行索引  删除
长三江 村在 北京天安门 东四十条 行索引  删除
长三江 村在 北京天安门 东四十条 行索引  删除

总结:此处<tr>的父节点是<tbody>而非<table>,追加行时要追加到<tbody>节点中,否则新添加的行不能删除与<tbody>同级,调用代码中删除方法时不能删除添加的行。

备注:本代码基于IE,且IE 9操作效果与IE 6、7、8有差异,如有更好实现方式,请各位指教。

 

转载于:https://my.oschina.net/4k9LCGA/blog/94313

你可能感兴趣的文章
盖得化工4——多线程+余数
查看>>
iOS开发小技巧--适当的清空模型中的某个数据,达到自己的需求,记得最后将数据还原(百思项目评论页面处理最热评论)...
查看>>
物联网网络编程、Web编程综述
查看>>
ip的划分,超详细
查看>>
补鞋匠---Cobbler 服务器自动搭建
查看>>
performance_schema 变量
查看>>
Linux里如何查找文件内容
查看>>
RSVP协议的基本概念介绍
查看>>
mysql函数和操作符
查看>>
Quartz中的时间表达式介绍和常用表达式
查看>>
Angulajs 定时器使用
查看>>
git基本命令
查看>>
linux之V4L2摄像头应用流程【转】
查看>>
myBatis事务管理
查看>>
java泛型中<?>和<T>有什么区别?
查看>>
CPU和GPU的差别
查看>>
搜索引擎爬虫蜘蛛的USERAGENT大全
查看>>
集群 & 负载均衡
查看>>
HA模式下历史服务器配置
查看>>
vim 打开高亮和关闭高亮
查看>>