replaceChild()方法用給定父節(jié)點(diǎn)中的新節(jié)點(diǎn)替換子節(jié)點(diǎn)。
新節(jié)點(diǎn)可以是文檔中的現(xiàn)有節(jié)點(diǎn),也可以創(chuàng)建一個新節(jié)點(diǎn)。
使用removeChild()方法從父節(jié)點(diǎn)中刪除子節(jié)點(diǎn)。
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é)點(diǎn)對象 |
| oldNode | 您要刪除的節(jié)點(diǎn)對象 |
| 返回值: | 一個Node對象,表示替換的節(jié)點(diǎn) |
|---|---|
| DOM版本: | DOM級別1 |
創(chuàng)建一個新節(jié)點(diǎn)并將其替換為現(xiàn)有節(jié)點(diǎn):
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()方法