Javascript的表格行操作例程

最新推荐文章于 2023-05-15 23:08:07 发布

不悲不喜

最新推荐文章于 2023-05-15 23:08:07 发布

阅读量1.3k

点赞数

分类专栏： Javascript 文章标签： javascript function input button xhtml div

本文链接：https://blog.csdn.net/syukugai/article/details/3853929

版权

Javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

EB开发中经常有以表格行为单位的需求。

下面的例程中演示基本的行处理。

实现方法:

根据数组自动生成表格
根据指定的tagName,查询对象的父对象,找到TR对象。
// o : 查询对象 // tm : 父对象的tagName function getParentByTagName(o, tm){ while(o = o.parentNode){ if(o.tagName == tm){ return o; } } return null; }
查询选择行(TR对象)的全部INPUT对象。
删除当前对象
el.parentNode.remove(el);

源码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="div1"> </div> </body> </html>