JS 按值排序 demo

隔壁老王巴

于 2018-05-16 09:23:35 发布

阅读量699

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/web_Leeleon/article/details/80332245

版权

js 专栏收录该内容

16 篇文章

订阅专栏

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>li排序</title>  
        <script type="text/javascript">  
            window.οnlοad=function()  
            {  
                var oUl1=document.getElementById('ul1')  
                var oBtn=document.getElementById('btn1');  
                  
                oBtn.οnclick=function()  
                {  
                    var aLi=oUl1.getElementsByTagName('li');  
                    var arr=[];  
                      
                    for(var i=0;i<aLi.length;i++)  //把li用数组表示  
                    {  
                        arr[i]=aLi[i];  
                    }  
                    arr.sort(function(li1,li2){  
                        var n1=parseInt(li1.innerHTML);  
                        var n2=parseInt(li2.innerHTML);  
                        return n1-n2;  //升序排列  
                    })  
                    for(var i=0;i<arr.length;i++){  
                        oUl1.appendChild(arr[i]);   //排序之后再写入  
                    }  
                }  
            }  
        </script>  
    </head>  
    <body>  
      <ul id="ul1">  
        <li>89</li>  
        <li>3</li>  
        <li>45</li>  
        <li>23</li>  
        <li>452</li>  
        <li>25</li>  
      </ul>  
      <input type="button" id="btn1" value="排序" />  
    </body>  
</html>