XML DOM replaceChild() method

Definition and usage

replaceChild() Method replaces a child node with a new node.

The new node can be an existing node in the document or a newly created node.

Tip:The replaced child node can be inserted later into any element in the same document. Use the insertBefore() or appendChild() method to insert it into the same document later, or use the adoptNode() or importNode() method to insert the replaced node into another document.

Syntax

nodeObject.replaceChild(newchild,oldchild)

Parameters

Technical details

Exempel

Följande kod laddar "books.xml" till xmlDoc och ersätter den första <book>-elementen:

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;
    // Skapa en book-element, title-element och en textnod
    newNode = xmlDoc.createElement("book");
    newTitle = xmlDoc.createElement("title");
    newText = xmlDoc.createTextNode("Hello World");
    // Lägg till textnoden till title-koden
    newTitle.appendChild(newText);
    // Lägg till title-koden till book-koden
    newNode.appendChild(newTitle);
    y = xmlDoc.getElementsByTagName("book")[0];
    // Ersätt den första book-koden med en ny book-kod
    x.replaceChild(newNode, y);
    z = xmlDoc.getElementsByTagName("title");
    // Skriver ut alla titlar
    for (i = 0; i < z.length; i++) {
        txt += z[i].childNodes[0].nodeValue + "<br>";
    }
    document.getElementById("demo").innerHTML = txt;
}

亲自试一试

浏览器支持

所有主流浏览器都支持 replaceChild() 方法。