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>