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的集合中的指定位置插入一個單元格,并返回對該單元格的引用
示例代碼:
提示:可修改后代碼再運行!