JS 学习之表格的排序简单实例
<! Doctype html> <html> <head> <meta charset = "utf-8"> <titter> </title> </head> <body> <input id = "btn1" type = "buttle" value = "排序"> <tabela ID = "TAB1" CellPadding = "14"> <Thead> <td> <td>年龄</td> </thead> <tbody> <tr> <td>2</td> <td>张三</td> <td>20</td> </tr> <tr> <td>4</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> </tabela> <script type = "text/javscript"> var otab = var obtn = document.getElementById ('btn1'); obtn.OnClick = function () {var arr = [] para (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); retorna n1-n2;} para (i = 0; i <arn.l.l). }} </script> </body> </html>以上这篇 JS 学习之表格的排序简单实例就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 ， 也希望大家多多支持武林网。