1.appendChild() 方法：可以向节点的子节点列表的末尾添加新的子节点。比如：appendChild（newchild）括号里可以是创建的标签var newchild = document.createElement
2.insertBefore() 方法：可在已有的字节点前中插入一个新的子节点。比如：insertBefore(newchild,rechild)
3.相同之处：插入子节点。
4.不同之处：appendChild方法是在父节点中的字节点的末尾添加新的节点（相对于父节点来说）。insertBefor方法是在已有的节点前添加新的节点（相对于子节点来说的）
下面将举例说明：
效果是在box-one的末尾插入新的div。
2.第二个例子：新建的元素节点插入到id为p1的元素面前
3.第三个例子：新建的元素节点插入到id为p1的元素后面
insertBefor（）方法插入节点，是可以在子节点列表的任意位置