小编给大家分享一下js中表格单列按字母排序的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

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

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格单列字母排序</title> <link href="../css/表格数据搜索.css" rel="stylesheet"></head><body><input type="button" id="myInput" onclick="myFunction()" value="点击排序" ><table id="myTable"> <tr> <th>名称</th> <th>城市</th> </tr> <tr> <td>Berglunds snabbkop</td> <td>Sweden</td> </tr> <tr> <td>North/South</td> <td>UK</td> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Germany</td> </tr> <tr> <td>Koniglich Essen </td> <td>Germany</td> </tr> <tr> <td>Magazzini Alimentari Riuniti</td> <td>Italy</td> </tr> <tr> <td>Paris specialites</td> <td>France</td> </tr> <tr> <td>Island Trading</td> <td>UK</td> </tr> <tr> <td>Laughing Bacchus Winecellars</td> <td>Canada</td> </tr></table><script src="../js/表单单列字母排序.js"></script></body></html>

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格数据搜索</title> <link href="../css/表格数据搜索.css" rel="stylesheet"></head><body><input type="text" placeholder="搜索..." id="myInput" οnkeyup="myFunction()"><table id="myTable"> <tr> <th>名称</th> <th>城市</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Germany</td> </tr> <tr> <td>Berglunds snabbkop</td> <td>Sweden</td> </tr> <tr> <td>Island Trading</td> <td>UK</td> </tr> <tr> <td>Koniglich Essen</td> <td>Germany</td> </tr></table><script src="../js/表格数据搜索.js"></script></body></html>

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; } }}

以上是js中表格单列按字母排序的方法的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！