insertBefore,removeChild,repalceChild的语法和作用

1.insertBefore
inserBefore，顾名思义就知道是“在某个节点之前插入”。
MDN的定义：

而所谓的“拥有指定父节点”，就是指被参照的节点的父节点就是调用insertBefore方法的节点。

如果给定的子节点是对文档中现有节点的引用，insertBefore()会将其从当前位置移动到新位置。

参数
newNode：将要插入的节点
referenceNode：被参照的节点（即要插在该节点之前）
insertedNode：插入后的节点
parentNode：父节点

语法：
// insertBefore插入子元素
// // 语法 ：父元素.insertBefore(参数1，参数2)
// 参数1 ： 需要插入元素
// 参数2 ： 插入到哪个元素前面
用法：
实例1
1.先创建元素：
var ul1 = document.getElementById(“ul1”);
var li3 = document.getElementById(“li3”);

// 1.创建一个新元素，直接将新元素插入到指定位置
var newLi = document.createElement("li");
var new2 = document.createElement("li");