程序员人生 网站导航

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

栏目:特效时间:2014-01-23 11:55:06

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的集合中的指定位置插入一个单元格,并返回对该单元格的引用

示例代码:


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

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐