JS 学习之表格的排序简单实例
<! docType html> <html> <head> <메타 charset = "utf-8"> <title> </title> </head> <body> <입력 id = "btn1"type = "button"value = "排序"> <table id = "tab1"cellPadding = "14"> <td> </td> </thead> <tbody> <td> <td> <td> 2 </td> <td> </td> <td> 20 </td> </tr> <tr> <td> 4 </td> <td> </td> <td> 25 </td> <td> 3 </td> <td> </td> <td> 30 </td> </td> </td> <td> <td> 1 </td> <td> </td> <td> 21 </td> </tbody> </table> <script type = "text/javaScript"> var otab = document.getElementByid ( '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;})에 대한 (i = 0; i <arr.length; i ++) [0]. }} </script> </body> </html>以上这篇 js 学习之表格的排序简单实例就是小编分享给大家的全部内容了 学习之表格的排序简单实例就是小编分享给大家的全部内容了, 希望能给大家一个参考, 也希望大家多多支持武林网。