1、一般做法

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>li的排序(call)</title>
  6. <meta name="" content="" />
  7. </head>
  8. <body>
  9. <ul id="ul1">
  10.     <li>78</li>
  11.     <li>92</li>
  12.     <li>69</li>
  13.     <li>54</li>
  14.     <li>70</li>
  15.     <li>48</li>
  16. </ul>
  17. <script type="text/javascript">
  18.     var eles = document.getElementsByTagName("li");
  19.     var oUl = document.getElementsByTagName("ul").item(0);
  20.     (function(){
  21.         var a = [];
  22.         for(var i=0;i<eles.length;i++){
  23.             a[i] = eles[i];
  24.         }
  25.         a.sort(function(li1,li2){
  26.             var n = parseFloat(li1.innerHTML);
  27.             var m = parseFloat(li2.innerHTML);
  28.             return n-m;
  29.         });
  30.  
  31.         for(var i=0;i<a.length;i++){
  32.             oUl.appendChild(a[i]);
  33.         }
  34.     })();
  35.  
  36. </script>
  37. </body>
  38. </html>

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>li的排序(call)</title>
  6. <meta name="" content="" />
  7. </head>
  8. <body>
  9. <ul id="ul1">
  10.     <li>78</li>
  11.     <li>92</li>
  12.     <li>69</li>
  13.     <li>54</li>
  14.     <li>70</li>
  15.     <li>48</li>
  16. </ul>
  17.  
  18. <script type="text/javascript">
  19.     var eles = document.getElementsByTagName("li");
  20.     var oUl = document.getElementsByTagName("ul").item(0);
  21.     var a = [].slice.call(eles,0);
  22.     a.sort(function(a,b){
  23.         return a.innerHTML-b.innerHTML;
  24.     })
  25.     for(var i=0;i<a.length;i++){
  26.         oUl.appendChild(a[i]);
  27.     }
  28.  
  29. </script>
  30. </body>
  31. </html>

li排序的两种方法的更多相关文章

  1. 用Java集合中的Collections.sort方法对list排序的两种方法

    用Collections.sort方法对list排序有两种方法第一种是list中的对象实现Comparable接口,如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ...

  2. 转：python list排序的两种方法及实例讲解

    对List进行排序,Python提供了两个方法 方法1.用List的内建函数list.sort进行排序 list.sort(func=None, key=None, reverse=False) Py ...

  3. python list排序的两种方法及实例讲解

    对List进行排序,Python提供了两个方法方法1 用List的内建函数list sort进行排序list sort(func=None, key=None, reverse=False)Pytho ...

  4. 实现对多维数组按照某个键值排序的两种方法(array_multisort和array_sort)

    实现对多维数组按照某个键值排序的两种解决方法(array_multisort和array_sort): 第一种:array_multisort()函数对多个数组或多维数组进行排序.    //对数组$ ...

  5. python-快速排序，两种方法→易理解

    快速排序(Quicksort)是对冒泡排序的一种改进. 快速排序由C. A. R. Hoare在1962年提出.它的基本思想是:通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所有数据都比另 ...

  6. 计算机二级-C语言-程序修改题-190116记录-对数组进行排序的两种方法。

    //函数fun的功能是:将n个无序整数从小到大排序. //冒泡排序法:小数往下浮,大数往上浮.把数都存到一个数组,然后两两比较,大数往后交换.双层递减循环. //第二种方法:都放入一个数组中,然后记录 ...

  7. Java中对List集合排序的两种方法

    第一种方法,就是list中对象实现Comparable接口,代码如下: public class Person implements Comparable<Person> { privat ...

  8. mysql数据库自增id重新从1排序的两种方法

    mysql默认自增ID是从1开始了,但当我们如果有插入表或使用delete删除id之后ID就会不会从1开始了哦.   使用mysql时,通常表中会有一个自增的id字段,但当我们想将表中的数据清空重新添 ...

  9. List集合序列排序的两种方法

    首先讲一下Comparable接口和Comparator接口,以及他们之间的差异.有助于Collections.sort()方法的使用.请参考 1.Comparable自然规则排序//在自定义类Stu ...

随机推荐

  1. C# 创建一个日志文件

    private static string m_fileName = "C:\\ErrorMsg.txt"; public static void CreateErrorLog(s ...

  2. XmlDocument To String

    一.从String xml到XmlDocument的: string xml = "<XML><Test>Hello World</Test></X ...

  3. jQuery：使用$获取对象后检查该对象是否存在

    注意: 1)即使jQ获取到网页中不存在的元素也不会报错 2)使用$("#tt")形式获取到的永远是对象,即使网页上没有此元素 jQuery检查某个元素在网页上是否存在时,不能使用以 ...

  4. HDU 1247 Hat's Words (map+string)

    Hat’s Words Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Tota ...

  5. mysql概要（四）order by，group 的特点，子查询

    1.order by 默认按升序排列(asc/desc),多字段排序 order by 字段 排序方式,字段2 排序方式,..:在分组排序中,排序是对分组后的结局进行排序,而不是在组中进行排序. 2. ...

  6. hdu 1573 X问题

    数论题,本想用中国剩余定理,可是取模的数之间不一定互质,用不了,看到网上有篇文章写得很好的:数论——中国剩余定理(互质与非互质),主要是采用合并方程的思想: 大致理解并参考他的代码后便去试试hdu上这 ...

  7. hdu 1575 Tr A（矩阵快速幂）

    今天做的第二道矩阵快速幂题,因为是初次接触,各种奇葩错误整整调试了一下午.废话不说,入正题.该题应该属于矩阵快速幂的裸题了吧,知道快速幂原理(二进制迭代法,非递归版)后,剩下的只是处理矩阵乘法的功夫了 ...

  8. overflow:auto/hidden的应用

    一.自适应两栏布局 <!DOCTYPE html><html lang="zh-CN"><head> <meta charset=&quo ...

  9. Android自动检测版本及自动升级

    步骤: 1.检测当前版本的信息AndroidManifest.xml-->manifest-->android:versionName. 2.从服务器获取版本号(版本号存在于xml文件中) ...

  10. oninput,onpropertychange,onchange的用法和区别【转载】

    1.前言 由于工作需要,需实现一个类似于微博输入框的功能,在用户动态输入文字的时候,修改提示“您还可以输入XX字”.如下图所示: 因此,稍微研究了一下oninput,onpropertychange, ...