html页面点击表头排序,HTML中实现Table表头点击升序/降序排序

1 题目：如下图，请实现表格信息的排序功能，当点击表头的属性区域，将表格信息进行排序切换功能，即第一次点击为降序排序，再一次点击进行升序排序。2 姓名 　　力量 敏捷 智力3 德鲁伊王 17 24 134 月之骑士 15 22 165 众神之王 19 15 206 流浪剑客 23 15 147 基本思路：8 点击将各列数值存入数组第一次点击?(className=="as"?)升序排序(className="desc")按新排列的数组的顺序，将各列赋予新值降序排序(className="as")yesno9 完整代码：10

11

12

13

14

15

16

17

18

19

姓名

20 力量

21 敏捷

22 智力

23

24

25 德鲁伊

26 17

27 24

28 13

29

30

31 月之骑士

32 15

33 22

34 16

35

36

37 众神之王

38 19

39 15

40 20

41

42

43 流浪剑客

44 23

45 15

46 14

47

48

49

50

51

52 vartag=1;53 functionsortNumberAS(a, b)54 {55 returna-b56 }57 functionsortNumberDesc(a, b)58 {59 returnb-a60 }61

62 functionSortTable(obj){63 vartd0s=document.getElementsByName("td0");64 vartd1s=document.getElementsByName("td1");65 vartd2s=document.getElementsByName("td2");66 vartd3s=document.getElementsByName("td3");67 vartdArray0=[];68 vartdArray1=[];69 vartdArray2=[];70 vartdArray3=[];71 for(vari=0;i

94 obj.className="desc";95 }else{96 columnArray.sort(sortNumberDesc);//排序后的新值

97 obj.className="as";98 }99

100

101 for(vari=0;i