<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <mce:script type="text/javascript"><!-- //默认为升序 var bASC = true; //表格中单元格内字符的比较函数 function compareTRs(oTR1, oTR2) { var sValue1 = oTR1.cells[0].firstChild.nodeValue; var sValue2 = oTR2.cells[0].firstChild.nodeValue; return sValue1.localeCompare(sValue2); } //对表格进行排序 function sortTable(sTableID) { var oTable = document.getElementById(sTableID); var oTBody = oTable.tBodies[0]; var colDataRows = oTBody.rows; var aTRs = new Array; for (var i = 0; i < colDataRows.length; i++) { aTRs.push(colDataRows[i]); } //升序排列 aTRs.sort(compareTRs); if (!bASC) { aTRs.reverse(); } bASC = !bASC; var oDocFragment = document.createDocumentFragment(); for (var i = 0; i < aTRs.length; i++) { oDocFragment.appendChild(aTRs[i]); } oTBody.appendChild(oDocFragment); } // --></mce:script> </head> <body> <table border="1" id="tblSort" width="200px"> <thead> <tr> <th οnclick="sortTable('tblSort')" style="cursor:pointer" mce_style="cursor:pointer";> 测试 </th> </tr> </thead> <tbody> <tr> <td>无名</td> </tr> <tr> <td>6</td> </tr> <tr> <td>长空</td> </tr> <tr> <td>4</td> </tr> <tr> <td>10</td> </tr> <tr> <td>911</td> </tr> <tr> <td>1</td> </tr> </tbody> </table> </body> </html>