最近在看HTML用draggable属性来完成拖拽换位的时候遇到了insertBefore这个函数，实现原理是先通过draggable来获取到当前拖拽元素和鼠标当前放置到的元素的index，然后通过insetBefore完成了换位的效果。
既然主要起作用的代码就是这个，于是我就再查了一下，正好在此简单记录一下。
insertBefore()方法可在已有的子节点前插入一个新的子节点。
//把b插入到a前
vara=document.getElementById("a");
varb=document.getElementById("b");
a.parentNode.insertBefore(a,b);
//a.parentNode（父节点）a原结点b要插入的结点
appendChild默认添加在文档的最后
如果你要插入时已经存在你所需要的节点，会删除原来位置并插入到它的新位置。如果是新节点则不会直接插入它，而是把它的子节点按序插入当前节点的数组的末尾。
document.getElementById(list").appendChild(newItem);
#我们一起跨年#