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>
