javascript替换已有元素replaceChild()使用介绍

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