javascript替換已有元素replaceChild()使用介紹

 這篇文章主要介紹了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>