zoukankan      html  css  js  c++  java
  • li排序的两种方法

    1、一般做法

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>li的排序(call)</title>
    <meta name="" content="" />
    </head>
    <body>
    <ul id="ul1">
        <li>78</li>
        <li>92</li>
        <li>69</li>
        <li>54</li>
        <li>70</li>
        <li>48</li>
    </ul>
    <script type="text/javascript">
        var eles = document.getElementsByTagName("li");
        var oUl = document.getElementsByTagName("ul").item(0);
        (function(){
            var a = [];
            for(var i=0;i<eles.length;i++){
                a[i] = eles[i];
            }
            a.sort(function(li1,li2){
                var n = parseFloat(li1.innerHTML);
                var m = parseFloat(li2.innerHTML);
                return n-m;
            });
    
            for(var i=0;i<a.length;i++){
                oUl.appendChild(a[i]);
            }
        })();
        
    </script>
    </body>
    </html>

    2、利用call方法,让arguments转换成数组

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>li的排序(call)</title>
    <meta name="" content="" />
    </head>
    <body>
    <ul id="ul1">
        <li>78</li>
        <li>92</li>
        <li>69</li>
        <li>54</li>
        <li>70</li>
        <li>48</li>
    </ul>
    
    
    <script type="text/javascript">
        var eles = document.getElementsByTagName("li");
        var oUl = document.getElementsByTagName("ul").item(0);
        var a = [].slice.call(eles,0);
        a.sort(function(a,b){
            return a.innerHTML-b.innerHTML;
        })
        for(var i=0;i<a.length;i++){
            oUl.appendChild(a[i]);
        }
        
    </script>
    </body>
    </html>
  • 相关阅读:
    GeoServer发布Shapfile、PostGIS数据
    Geoserver+Openlayers+MySQL设计思想,GeoServer服务器搭建(Docker构建镜像)
    Linux 输入输出重定向, &>file, 2>&1, 1>&2
    Git常用命令
    Java 操作 HBase 教程
    NATAPP--实现SSH内网穿透
    Spring boot banner
    ingress 密码验证
    rook 记录
    容器网络之网桥
  • 原文地址:https://www.cnblogs.com/chengkun101/p/4644834.html
Copyright © 2011-2022 走看看