当前位置:编程学习 > JAVA >>

javascript中表格排序

<script type="text/javascript">
function generateCompareTRs(iCol)
{
return function compare(tr1,tr2)
{ var v1=tr1.cells[iCol].firstChild.nodeValue;
  var v2=tr2.cells[iCol].firstChild.nodeValue;
 
 
  if(v1>v2)
  return 1;
  else if(v1<v2)
  return -1;
  else 
  return 0;
 
}
}

function sortTable(iCol)
{
var oTable=document.getElementById("tblSort");
var oTBody=oTable.tBodies[0];
var aRows=oTBody.rows;
var aTRs=new Array;
for(var i=0;i<aRows.lenth;i++)
{
aTRs.push(aRows[i]);
}
aTRs.sort(generateCompareTRs(iCol));
var oFargment==document.creatDocumentFragment();
for(var i=0;i<aTRs.length;i++)
{
oFargment.appendChild(aTRs[i]);

}
oTBody.appendChild(oFargment);

}

</script>
  </head>
  
  <body>
   <table border="1" id="tblSort">
    <thead>
    <tr>
    <th>序号</th>
    <th>姓名</th>
    </tr>
   </thead>
  <tbody>
  <tr>
  <td>1</td>
   <td>王明</td>
  </tr>
   <tr>
  <td>3</td>
   <td>张三</td>
  </tr>
   <tr>
  <td>2</td>
   <td>李四</td>
  </tr>
  </tbody>
   </table>
   <input type="button" onclick="sortTable(iCol)" value="序列号"/>
  </body>
</html>
--------------------编程问答-------------------- 查javascript 参考文档!里面有说明! --------------------编程问答-------------------- 你这个那么简单  放在网上来  啊啊 啊啊   我都不好意思了 --------------------编程问答-------------------- 建议楼主多看看网上的资料 实在帮不上什么忙 谅解 --------------------编程问答--------------------
补充:Java ,  Java EE
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,