[Js]表格排序

时间:2014-06-29 14:47:18   收藏:0   阅读:237

思路:遍历每个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

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!