JS学习之表格的排序简单实例
<！doctype html> <html> <head> <meta charset = "utf-8"> <title> </head> </head> <body> <input id = "btn1" button "value ="排序 "> <table id =" tab1 "cellpadding =" 14 "> <td> </td> </td> </td> </td> <td>年龄</td> </thead> <tbody> <tr> <td> 2 </td> <td>张三</td> <td> 20 </td> </tr> <tr> <td> 4 </td> <td> <td>李四</td> <td> 25 </td> </tr <tr <td> 3 </td> <td>赵龙</td> <td> 30 </td> </tr> <tr> <td> 1 </td> <td>孙河</td> <td> 21 </td> </tr> </tbody> </table> <script type = "text/javascript"> var otab = documentbyid（ 'tab1'）; var obtn = document.getElementById（ 'btn1'）; obtn.onclick = function（）{var arr = [] for（i = 0; i <otab.tbodies [0] .rows.length; i ++）{arr [i] = otab.tbodies [0] .rows [i]; } arr.sort（function（tr1、tr2）{var n1 = parseint（tr1.cells [0] .innerhtml）; var n2 = parseint（tr2.cells [0] .innerhtml）; return n1-n2;}） otab.tbodies [0] .appendChild（arr [i]）}} </script> </body> </html>以上这篇js、希望能给大家一个参考、也希望大家多多支持武林网。