XML DOM replaceChild() method

Definition and usage

replaceChild() 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

প্রকল্প

নিচের কোড "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;
{}

亲自试一试

浏览器支持

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