软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 网页特效 > 表格相关 > javascript实现简单的table表格排序特效

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

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

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

1.caption:保存着对<caption>元素(如果有)的指针
2.tBodies:是一个<tbody>元素的HTMLCollection
3.tFoot:保存着对<tfoot>元素(如果有)的指针
4.tHead:保存着对<thead>元素(如果有)的指针
5.rows:是一个表格中所有行的HTMLCollection
6.createTHead():创建<thead>元素,将其放到表格中,并返回引用
7.createTFoot():创建<tfoot>元素,将其放到表格中,并返回引用
8.createCaption():创建<caption>元素,将其放到表格中,并返回引用
9.deleteTHead():删除<thead>元素
10.deleteTFoot():删除<tfoot>元素
11.deleteCaption():删除<caption>元素
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 表格高亮类的高级应用
    相关阅读
    栏目导航
    推荐软件