javascript节点操作replaceChild()

replaceChild(a,b)是用来替换文档中的已有元素的
参数a:要插入的节点,
参数b:要替换的节点

var oDiv = document.getElementById("guoDiv");
            var oSpan = document.createElement("span");
            oSpan.innerHTML = "4";
            var firsChild = oDiv.firstElementChild ? oDiv.firstElementChild : oDiv.firstChild
            var returnNode = oDiv.replaceChild(oSpan, firsChild); //替换第一个元素,返回被替换掉的元素
            alert(returnNode.innerHTML); //1
            var lastChild = oDiv.lastElementChild ? oDiv.lastElementChild : oDiv.lastChild;
            oSpan = document.createElement("span");
            oSpan.innerHTML = "5";
            returnNode = oDiv.replaceChild(oSpan, lastChild); //替换最后一个,返回被替换掉的元素
            alert(returnNode.innerHTML);//3

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