在js里insertBefore() 方法在您指定的已有子节点之前插入新的子节点。下面是代码
html添加前
<div id="box">
<span id="box1"></span>
</div>
var box = document.getElementById("box"); //父节点
var box1 = document.getElementById("box1"); //已存在的子节点
var box2 = document.createElement("i"); //创建一个新的节点
box.insertBefore(box2,box1); //父节点.inserBrfore(新节点,旧节点); 在这个父节点下面的旧节点(已存在的节点)前插入一个新创建的节点
html添加后
<div id="box">
<i></i>
<span id="box1"></span>
</div>
现在js有一个插入节点前面的,不过js没有提供插入节点后面的,那我们现在自定义一个insertAfter的函数用于添加到已知节点后面
html添加前
<div id="box">
<span id="box1"></span>
</div>
var box = document.getElementById("box"); //父节点
var box1 = document.getElementById("box1"); //已存在的子节点
var box2 = document.createEl