js appendChild与insertBefore 区别和用法

<input type="button" value="增加" id="btn" />
  <ul id="ul">
    <li>第一个</li>
    <li>第二个</li>
  </ul>

my$("btn").onclick = function () {
      //创建一个元素标签
      var li = document.createElement(‘li‘);
      //给元素设置内容
      li.innerText = (‘新增一个内容‘);
      // 在父元素的后面添加
      my$(‘ul‘).appendChild(li);
    }

    my$("btn").onclick = function () {
      //创建一个元素标签
      var li = document.createElement(‘li‘);
      //给元素设置内容
      li.innerText = (‘新增一个内容‘);
      // setInnnerText(li,‘增加的‘);
      my$(‘ul‘).insertBefore(li, my$(‘ul‘).lastElementChild);
      //第一个参数 添加的内容 第二个参数是在那个位置前面 添加
    }