JS操作table!js table行数-阿里云开发者社区

开发者社区> y0umer> 正文

JS操作table!js table行数

简介: JS操作table!js table行数       虽然此刻前台已经很少用table来结构了,但是有之处还是会难免的用到table,比如表单,或其他的列表,用table肯定比div来的方便,那么,用table的话要加上javascript/' ...
+关注继续查看

JS操作table!js table行数

 

 

 

虽然此刻前台已经很少用table来结构了,但是有之处还是会难免的用到table,比如表单,或其他的列表,用table肯定比div来的方便,那么,用table的话要加上<A href="http://www.5i2i.com/<a%20href=" target=_blank>javascript/' target='_blank'>js来使成为事实一些效果,比如删去一行,添加一行,以是,有必要好好熟悉一下<A href="http://www.5i2i.com/<a%20href=" target=_blank>javascript/' target='_blank'>js对table的操作,

首先要获得table对象,有很多方法,

通过ID,table = document.getElementById()来获得

通过CLASS,table = document.getElementsByClass()来获得

通过TABNAME,table = document.getElementsByTagName()来获得

获得table对象之后呢,有可能我们要先知道table对象有几行,

可以通过,table.rows.length来获得行数,table.rows返回时下table对象的行的集合。通过row = table.rows[i]可以获得table对象的第i 1行对象。对row对象呢,它有一个属性,就是row.rowIndex返回的是i,

然后呢,需要插入行。有两个函数可以供大家使用,

insertRow(index)和insertCell(index);看到函数名大家均可以明白是什么函数了,没错,通过table对象调用insertRow函数,可以在table对象中插入一行然后返回新建的行对象,参数index是引得,表示插在第几行,从0起头,但是index不能小于0或大于table的现有行数,否则会报错。同理,通过行对象调用insertCell函数,可以在行对象中插入单位格并返回条位格对象。参数index同样是引得,同样可以通过行对象的cells集合的长度来获得,row.cells.length。

table id="tab">

熬头行熬头列

熬头行第二列

第二行熬头列

第二行第二列

第三行熬头列

第三行第二列

点这儿我

上面的例子在ff和ie下均可以运行,可以正确的添加行。

那如果要删去行呢?

我是通过获得父节点,然后删去子节点来做到的

先获得行对象tr,然后获得tr对象的父节点。par = tr.parentNode(这里为什么要通过tr的父节点来获取父节点,而不是直接通过其他直接的方法来获取父节点呢,因为ff和ie在这边上有差别,在ie上table下就是tr,而在ff下table下还有thead和tbody,tbody下才是tr,如果直接获取,则要判断,如果通过tr获取父节点,则可以直接用),然后通过par.removeChild(tr)来删去行。详细就不是举例了。

 

 

 

http://apps.hi.baidu.com/share/detail/43618150

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
因云而生 阿里云发布云服务器操作系统Alinux3:性能最高提升40%
阿里云正式推出第三代云服务器操作系统Alibaba Cloud Linux 3(以下简称Alinux3),基于“因云而生”的云原生技术理念,Alinux3进一步提升了云上客户的安全性、稳定性和运行时性能,并深度融合自研软件生态,全面兼容 RHEL/CentOS 8生态,优化后主流应用性能提升10%~40%;同时提供长达8年的免费软件维护和技术支持,保障开发者最佳云上操作体验。
3413 0
PostgreSQL sharding : citus 系列4 - DDL 操作规范 (新增DB,TABLE,SCHEMA,UDF,OP,用户等)
标签 PostgreSQL , citus , 新增对象 , 新增数据库 , 新增用户 背景 citus是PG的一个插件,插件主要针对普通SQL(非UTILITY)加HOOK进行了一些ROUTE处理,同时使用UDF对表进行新建分区的操作。
1178 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
3962 0
使用iOS原生sqlite3框架对sqlite数据库进行操作(一)
使用iOS原生sqlite3框架对sqlite数据库进行操作
16 0
SAP前台操作时,如何客制化表格的宽度和位置
查看采购订单,事务码ME23N点击表格按钮后,点击【管理员】如下所示
1392 0
+关注
y0umer
高级网络安全技术员
691
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载