js插入节点appendChild和insertBefore

首先 从定义来理解 这两个方法：  appendChild() 方法：可向节点的子节点列表的末尾添加新的子节点。语法：appendChild(newchild)  insertBefore() 方法：可在已有的子节点前插入一个新的子节点。语法 ：insertBefore(newchild,refchild)  相同之处：插入子节点  不同之处：实现原理方法不同。  　　　　　appendChild方法是在父级节点中的子节点的末尾添加新的节点（相对于父级节点 来说）。  　　　　 insertBefore 方法 是在已有的节点前添加新的节点（相对于子节点来说的）。  来看个这个简单的实例：在id为box-con 的末尾添加一个子节点div ​