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

Örnek

Aşağıdaki kod "books.xml" dosyasını xmlDoc içine yükler ve ilk <book> elementini değiştirir:

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;
    // Bir book elementi, bir title elementi ve bir metin düğümü oluşturur
    newNode = xmlDoc.createElement("book");
    newTitle = xmlDoc.createElement("title");
    newText = xmlDoc.createTextNode("Hello World");
    // Metin düğümünü title düğümüne ekler
    newTitle.appendChild(newText);
    // title düğümünü book düğümüne ekler
    newNode.appendChild(newTitle);
    y = xmlDoc.getElementsByTagName("book")[0];
    // Yeni book düğümünü ilk book düğümü yerine değiştir
    x.replaceChild(newNode, y);
    z = xmlDoc.getElementsByTagName("title");
    // Tüm title'leri çıktı ver
    for (i = 0; i < z.length; i++) {
        txt += z[i].childNodes[0].nodeValue + "<br>";
    }
    document.getElementById("demo").innerHTML = txt;
}

Kendi kendine deneyin

Tarayıcı Desteği

Tüm popüler tarayıcılar destekler replaceChild() Yöntemler.