排序原理

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').onclick = 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])
    }
  }