appendChild()和insertBefore()方法插入元素的区别

做图片库的时候使用到了这两个不同的命令；
insertBefore：在您指定的已有子节点之前插入新的子节点；
其详细用法为
node.insertBefore(newnode,existingnode)
getId(“box”).insertBefore(getClass (“myimg”)[3],getId(“myimg”))
在id为box的元素的里面插入class为myimg的第三个元素，位置为id为myimg的元素前方。
其中existingnode元素 w3c中说可以省略，但是我尝试了一下，省略之后无法运行，可能是我代码设置错误，有时间研究一下。具体到图片库里可以让第四张图片（一共四张）插入到第一张之前，然后再做一个移动效果，即可循环切换；

appendChild：向节点添加最后一个子节点
node.appendChild(node)
getId(“box”).appendChild(getId (“myimg”));
在id为box的元素的最后面插入id为myimg的元素（附带说一下，一旦几个元素id相同，使用id选择器会查找到第一个该id的元素，如果用变量保存，则可以得到两个元素-一个保存变量时第一个元素，一个当前第一个元素，感觉可能以后会用到）