最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > 网页特效 > 表格相关> javascript实现简单的table表格排序特效

javascript实现简单的table表格排序特效

文章作者:网友投稿 发布时间:2012-12-28 来源:网络

javascript实现简单的table表格排序特效,在这个列子中,练习了table的操作,主要有:tBodies、rows、cells,还有有关数组的排序方法:sort

javascript中有关table元素的属性、方法:

1.caption:保存着对元素(如果有)的指针
2.tBodies:是一个元素的HTMLCollection
3.tFoot:保存着对元素(如果有)的指针
4.tHead:保存着对元素(如果有)的指针
5.rows:是一个表格中所有行的HTMLCollection
6.createTHead():创建元素,将其放到表格中,并返回引用
7.createTFoot():创建元素,将其放到表格中,并返回引用
8.createCaption():创建元素,将其放到表格中,并返回引用
9.deleteTHead():删除元素
10.deleteTFoot():删除元素
11.deleteCaption():删除元素
12.deleteRow(pos):删除指定位置行
13.insertRow(pos):向rows集合中指定位置插入一个行
有关tbody的属性、方法:

1.rows:保存着tbody所有行的HTMLCollection
2.deleteRow(pos):删除指定位置的行
3.insertRow(pos):向rows的集合中的指定位置插入一行,并返回对新插入行的引用
有关tr的属性、方法:

1.cells:保存着tr所有td(单元格)的HTMLCollection
2.deleteCell(pos):删除指定位置的单元格
3.insetCell(pos):向cells的集合中的指定位置插入一个单元格,并返回对该单元格的引用

示例代码:


提示:可修改后代码再运行!

上一篇: JavaScript指定列数和行数生成表格的例子

下一篇: Excel插入手写签名的方法流程

共有0条评论网友评论

游戏排行榜