JS 学习之表格的排序简单实例
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <tapie> </ title> </ head> <body> <input id = "btn1" type = "Button" value = "排序"> <Table Id = "tab1" cellpadding = "14"> <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> 25 </td> </tr> <tr> <tr> <Tr> <td> 赵龙 </td> <td> 30 </td> </tr> <tr> <td> 1 </td> <td> 孙河 </td> <td> 21 </td> </tr> </tbody> </pally> <script type = "Text / javascript"> var otab = document.getelementById ('Tab1'); var obtn = document.getElementById ('btn1'); obtn.onclick = function () {var arr = [] pour (i = 0; i <otab.tbodies [0] .Rows.length; i ++) {arr [i] = otab.tbodies [0] .Rows [i]; } arr.sort (fonction (tr1, tr2) {var n1 = parseInt (tr1.cells [0] .InnerHtml); var n2 = parseInt (tr2.cells [0] .innerHtml); return n1-n2;}) pour (i = 0; i <arr.Length; i ++) {ootab.tbodies [0]. }} </ script> </ body> </html>以上这篇 JS 学习之表格的排序简单实例就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 ， 也希望大家多多支持武林网。