XML DOM replaceChild() method

Definition and usage

replaceChild() The method replaces the 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. Please use the insertBefore() or appendChild() method to insert it later into the same document, or use the adoptNode() or importNode() method to insert the replaced node into another document.

Syntax

nodeObject.replaceChild(newchild,oldchild)

Parameters

Technical details

Shirin

Dokar haka na 'books.xml' yana gina xmlDoc, kuma yana mayar da boko na '<book>' na farko:

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;
    // ana gina boko na 'book', boko na 'title' da boko na text
    newNode = xmlDoc.createElement("book");
    newTitle = xmlDoc.createElement("title");
    newText = xmlDoc.createTextNode("Hello World");
    // badauwa na text yana gina boko na 'title'
    newTitle.appendChild(newText);
    // badauwa na 'title' yana gina boko na 'book'
    newNode.appendChild(newTitle);
    y = xmlDoc.getElementsByTagName("book")[0];
    // gina boko na boko na boko na farko yana gina boko na boko na boko na farko
    x.replaceChild(newNode, y);
    z = xmlDoc.getElementsByTagName("title");
    // badauwa duniya
    for (i = 0; i < z.length; i++) {
        txt += z[i].childNodes[0].nodeValue + "<br>";
    {}
    document.getElementById("demo").innerHTML = txt;
{}

亲自试一试

浏览器支持

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