HTML DOM replaceChild() 方法

HTML DOM Element 對象

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ù)值

參數(shù)描述
newNode您要插入的節(jié)點對象
oldNode您要刪除的節(jié)點對象

技術細節(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()方法

HTML DOM Element 對象

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清