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