HTML中实现Table表头点击升序/降序排序

一、前言

本文为转载文章，主要实现了点击表头对表格中数字排序的功能。
原文链接
相较于原文，这里更多的是
(1)添加了一些个人理解以及注释。
(2)并在文章的后半部分对代码稍加修改，使其同样可以对等长字符进行排序。
感兴趣的同学可以了解一下，希望能对大家有所帮助~~

二、源代码

1、原文代码（含转者注）

    
    
    
    
        

            

                
姓名
                
力量
                
敏捷
                
智力
            
            

                
德鲁伊
                
17
                
24
                
13
              
            
            

                
月之骑士
                
15
                
22
                
16
              
            
            

                
众神之王
                
19
                
15
                
20
              
            
            

                
流浪剑客
                
23
                
15
                
14
              
            
        
    

2、修改后同样可对等长字符串排序的代码

    
    
    
    
        

            

                
姓名
                
力量
                
敏捷
                
智力
            
            

                
a
                
17
                
24
                
13
              
            
            

                
b
                
15
                
22
                
16
              
            
            

                
c
                
19
                
15
                
20
              
            
            

                
d
                
23
                
15
                
14
              
            
        
    

运行截图

1、原文截图

2、修改后运行截图