JS 学习之表格的排序简单实例
<! doctype html> <html> <head> <meta charset = "utf-8"> </title> </head> <body> <body> <input <td> 年龄 </td> </thead> <tbody> <tbar> <td> 2 </td> <td> 张三 </td> <td> 20 </td> </td> <tr> <td> 4 </td> <td> 李四 </td> <td> 赵龙 </td> <td> 30 </td> </tr> <tr> <td> 1 </td> <td> 孙河 </td> <td> 21 </td> </tr> </tbody> </table> <swith type = "text/javascript"> var otab = document 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 ++) }} </script> </body> </html>以上这篇 JS 学习之表格的排序简单实例就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , 也希望大家多多支持武林网。