JS 学习之表格的排序简单实例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input id="btn1" type="button" value="排序"> <table id="tab1" cellpadding="14"> <thead> <td>序号</td> <td>姓名</td> <td> 年龄 </td> </thead> <tbody> <tr> <td> 2 </td> <td> 张三 </td> <td> 20 </td> </tr> <td> </td> </TRD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> </TD> <td> 赵龙 </td> <td> 30 </td> </tr> <tr> <td> 1 </td> <td> 孙河 </td> <td> 21 </td> </tr> </body> </able> <script = "text/javascript"> var otab = document.getelement. var obtn = document.geteLementById ('btn1'); OBTN.OnClick = function () {var arr = [] untuk (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;}) untuk (i = 0; i <arr.length; i ++) {i] {i] {i = 0; i <arr.length; i ++) {iRoD. }} </script> </body> </html>以上这篇 JS 学习之表格的排序简单实例就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , ,