javascript节点操作insertBefor()

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

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

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