第一次CODING附parentElement.insertBefore使用详解

2017年新年第一次CODING，遇到问题并解决，放这里做笔记顺便给同样遇到问题的你做参考。

另外这篇文章很多都是COPY别人原文的，感谢原作者的文章。

Node.insertBefore() 方法，在当前节点的某个子节点之前再插入一个子节点。

parentElement.insertBefore使用详解

语法
var insertedElement = parentElement.insertBefore(newElement, referenceElement);
如果referenceElement为null则newElement将被插入到子节点的末尾。如果newElement已经在DOM树中，newElement首先会从DOM树中移除。


insertedElement 是被插入的节点，即 newElement
parentElement  是新插入节点的父节点杰奥思琳
newElement 是被插入的节点
referenceElement 在插入newElement之前的那个节点
示例 1
<div id="parentElement">
  <span id="childElement">foo bar</span>