Método replaceChild() do XML DOM

Objeto Node

Definição e Uso

replaceChild() Método para substituir nó com nó novo.

O novo nó pode ser um nó existente no documento ou um nó novo criado.

Dica：O nó substituído pode ser inserido posteriormente em qualquer elemento do mesmo documento. Use os métodos insertBefore() ou appendChild() para inseri-lo posteriormente no mesmo documento, ou use os métodos adoptNode() ou importNode() para inserir o nó substituído em outro documento.

Sintaxe

nodeObject.replaceChild(newchild,oldchild)

Parâmetros

Parâmetros Descrição
newchild Obrigatório. Objeto Node. O novo nó a ser colocado na lista de filhos.
oldchild Obrigatório. Objeto Node. O nó que será substituído na lista de filhos.

Detalhes Técnicos

Versão DOM： Nível de Nó de Nível Central 1. Modificado no DOM Level 3.
返回值： Node 对象。被替换的节点（oldchild）。

实例

下面的代码将 "books.xml" 加载到 xmlDoc 中，并替换第一个 <book> 元素：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var x, y, z, i, newNode, newTitle, newText, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.documentElement;
    // 创建一个 book 元素、title 元素和一个文本节点
    newNode = xmlDoc.createElement("book");
    newTitle = xmlDoc.createElement("title");
    newText = xmlDoc.createTextNode("Hello World");
    // 将文本节点添加到 title 节点
    newTitle.appendChild(newText);
    // 将 title 节点添加到 book 节点
    newNode.appendChild(newTitle);
    y = xmlDoc.getElementsByTagName("book")[0];
    // 用新的 book 节点替换第一个 book 节点
    x.replaceChild(newNode, y);
    z = xmlDoc.getElementsByTagName("title");
    // 输出所有 title
    for (i = 0; i < z.length; i++) {
        txt += z[i].childNodes[0].nodeValue + "<br>";
    }
    document.getElementById("demo").innerHTML = txt;
}

Experimente pessoalmente

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Todos os navegadores principais suportam replaceChild() Métodos.

Objeto Node