随笔 - 154  文章 - 60  trackbacks - 0
<2007年11月>
日一二三四五六
28293031123
45678910
11121314151617
18192021222324
2526272829301
2345678

声明：

该blog是为了收集资料，认识朋友，学习、提高技术，所以本blog的内容除非声明，否则一律为转载！！

感谢那些公开自己技术成果的高人们！！！

支持开源，尊重他人的劳动！！

常用链接

留言簿(3)

随笔分类(148)

随笔档案(143)

收藏夹(2)

其他

学习（技术）

观察思考（非技术）

搜索

  •  

最新评论

阅读排行榜

评论排行榜

js table操作--------- 内容排序
代码：

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>001</title>
<script language=javascript type=text/javascript>
function paixu(){
var obj=document.getElementsByTagName("table")[0],obj2=obj.cloneNode(true).rows,a=new Array();
while(obj.rows.length!=1)
obj.rows[1].removeNode(true);
for(var i=1;i<obj2.length;i++)
a[a.length]=obj2[i];
a.sort(function(a,b){
return b.cells[1].innerText-a.cells[1].innerText;}
);
for(var i=0;i<a.length;i++)
obj.firstChild.appendChild(a[i]);
}
</script>
</head>

<body>

<table border="1" width="100%" id="table1" cellspacing="1">
    <tr>
        <td width="172">代 码</td>
        <td>名 称</td>
    </tr>
    <tr>
        <td width="172">001</td>
        <td>11111</td>
    </tr>
    <tr>
        <td width="172">002</td>
        <td>3333</td>
    </tr>
    <tr>
        <td width="172">00101</td>
        <td>22222</td>
    </tr>
    <tr>
        <td width="172">00201</td>
        <td>4444</td>
    </tr>
</table>
    <p><button name="B3" onclick='paixu();'>排 序</button></p>

</body>
</html>
posted on 2007-11-29 17:00 lk 阅读(909) 评论(1)  编辑  收藏 所属分类: ajax&js

FeedBack:
# re: js table操作--------- 内容排序[未登录] 2011-04-26 17:14 aaa
www.hnzhipu.cn vvvvvvvvvvv  回复  更多评论
  

只有注册用户登录后才能发表评论。
网站导航:
 
Copyright ©2024 lk Powered by: 博客园 模板提供：沪江博客