javascript节点操作insertBefor()

如果想要把节点放在某个特定的位置,而不是放在末尾,就可以使用insertBefore(a,b)
参数a:要插入的节点
参数b:作为参照的节点.

 var oDiv = document.getElementById("guoDiv");
             var oSpan = document.createElement("span");
             oSpan.innerHTML = "4";
             var returnNode = oDiv.insertBefore(oSpan, null); //插入到最后
             oSpan = document.createElement("span");
             oSpan.innerHTML = "5";
             returnNode = oDiv.insertBefore(oSpan, oDiv.firstChild); //插入到第一个元素的前面
             oSpan = document.createElement("span");
             oSpan.innerHTML = "6";
             returnNode = oDiv.insertBefore(oSpan,oDiv.lastChild);//插入到最后一个子元素的前面

 <div id="guoDiv">
     <span>1</span>
     <span>2</span>
     <span>3</span>
 </div>