js实现表格单列按字母排序

本文实例为大家分享了js实现表格单列按字母排序的具体代码，供大家参考，具体内容如下

类似于列表按字母排序，直接上代码啦~

  
  
  




  

    
名称
    
城市
  
  

    
Berglunds snabbkop
    
Sweden
  
  

    
North/South
    
UK
  
  

    
Alfreds Futterkiste
    
Germany
  
  

    
Koniglich Essen 
    
Germany
  
  

    
Magazzini Alimentari Riuniti
    
Italy
  
  

    
Paris specialites
    
France
  
  

    
Island Trading
    
UK
  
  

    
Laughing Bacchus Winecellars
    
Canada
  

  
  
  




  

    
名称
    
城市
  
  

    
Alfreds Futterkiste
    
Germany
  
  

    
Berglunds snabbkop
    
Sweden
  
  

    
Island Trading
    
UK
  
  

    
Koniglich Essen
    
Germany
  

function myFunction() {
  var table=document.getElementById("myTable");
  var switching=true;
  while(switching){
    switching=false;
    var rows=table.getElementsByTagName("tr");
    for(var i=1;i<(rows.length-1);i++){
      switching=false;
      var x=rows[i].getElementsByTagName("td")[0];
      var y=rows[i+1].getElementsByTagName("td")[0];
      if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()){
 switching=true;
 break;
      }
    }
    if(switching){
      rows[i].parentNode.insertBefore(rows[i+1],rows[i]);
      switching=true;
    }
  }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。