replaceChild()方法用給定父節(jié)點中的新節(jié)點替換子節(jié)點。
新節(jié)點可以是文檔中的現(xiàn)有節(jié)點,也可以創(chuàng)建一個新節(jié)點。
使用removeChild()方法從父節(jié)點中刪除子節(jié)點。
node.replaceChild(newNode, oldNode)
var newElem = document.querySelector("p"); var div = document.getElementById("demo"); div.replaceChild(newElem, div.firstElementChild);測試看看?/?
所有瀏覽器都完全支持replaceChild()方法:
Method | ![]() | ![]() | ![]() | ![]() | ![]() |
replaceChild() | 是 | 是 | 是 | 是 | 是 |
參數(shù) | 描述 |
---|---|
newNode | 您要插入的節(jié)點對象 |
oldNode | 您要刪除的節(jié)點對象 |
返回值: | 一個Node對象,表示替換的節(jié)點 |
---|---|
DOM版本: | DOM級別1 |
創(chuàng)建一個新節(jié)點并將其替換為現(xiàn)有節(jié)點:
var newElem = document.createElement("h2"); var newContent = document.createTextNode("Hi there and greetings!"); newElem.appendChild(newContent); var div = document.getElementById("demo"); div.replaceChild(newElem, div.firstElementChild);測試看看?/?
HTML DOM參考:node .parentNode()方法
HTML DOM參考:node .hasChildNodes()方法
HTML DOM參考:node .appendChild()方法
HTML DOM參考:node .insertBefore()方法
HTML DOM參考:node .removeChild()方法