码迷,mamicode.com
首页 > Web开发 > 详细

[Js]表格排序

时间:2014-06-29 14:47:18      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:java   get   javascript   html   cti      

思路:遍历每个li,病并把它们存放到数组中去,然后通过sort()方法进行排序

 

<body>
    <input type="button" value="排序按钮" id="btn1">
    <ul id="ul1">
        <li>58</li>
        <li>8</li>
        <li>31</li>
        <li>98</li>
        <li>75</li>
    </ul>



<script type="text/javascript">
    window.onload=function(){
        var oBtn=document.getElementById("btn1");
        var arr=[];
        var oUl=document.getElementById("ul1");
        var aLi=oUl.getElementsByTagName("li");
        var i;
        oBtn.onclick=function(){
            for(i=0;i<aLi.length;i++){
                arr[i]=aLi[i];
            }
            arr.sort(function(li1,li2){
                return parseInt(li1.innerHTML)-parseInt(li2.innerHTML);
            });
            for(i=0;i<arr.length;i++){
                oUl.appendChild(arr[i]);
            }
        };
    }
</script>    
</body>

[Js]表格排序,布布扣,bubuko.com

[Js]表格排序

标签:java   get   javascript   html   cti      

原文地址:http://www.cnblogs.com/zhangwenkan/p/3755430.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!