replaceChild(a,b)是用來替換文檔中的已有元素的
參數(shù)a:要插入的節(jié)點,
參數(shù)b:要替換的節(jié)點

復(fù)制代碼 代碼如下:

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

復(fù)制代碼 代碼如下:

<div>
<span>1</span>
<span>2</span>
<span>3</span>
</div>