appendChild

1. 先把元素从父元素中删去

2. 然后再添加到父元素的最后

排序原理

1. 用到sort的方法，但是他只能在数组里面使用，所以要定义一个空数组，然后在appendChild进去

2. 先从全部元素中，找到最小的那个元素，然后appendChild到最后

3. 然后再从剩下的元素内，重复第一步。

sort只能用到数组里面

    arr.sort(function(li1,li2){      var n1 = parseInt(li1.innerHTML)      var n2 = parseInt(li2.innerHTML)      return n1-n2
    })

• 只有在两数相减之后大于0，才会交换位置，小的在前，大的在后

  
  

  

  image.png

  function $(selector){    return document.querySelector(selector)
  }  var oul = document.getElementById('ul1')
  $('button'). = function(){    var arr = []    var oli = $('ul').getElementsByTagName('li')   
    for(var i=0; i<oli.length; i++){
      arr[i] = oli[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++){
      oul.appendChild(arr[i])
    }
  }

作者：徐金俊
链接：https://www.jianshu.com/p/f194f89eacc9