Метод XML DOM replaceChild()

❮ Узел объекта

Пример

Следующий фрагмент кода загружает " 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;

    // Create a book element, title element and a text node
    newNode = xmlDoc.createElement("book");
    newTitle = xmlDoc.createElement("title");
    newText = xmlDoc.createTextNode("A Notebook");

    // Add a text node to the title node
    newTitle.appendChild(newText);

    // Add the title node to the book node
    newNode.appendChild(newTitle);

    y = xmlDoc.getElementsByTagName("book")[0];

    // Replace the first book node with the new book node
    x.replaceChild(newNode, y);

    z = xmlDoc.getElementsByTagName("title");
    // Output all titles
    for (i = 0; i < z.length; i++) {
        txt += z[i].childNodes[0].nodeValue + "<br>";
    }
    document.getElementById("demo").innerHTML = txt;
}

Вывод кода выше будет:

A Notebook
Harry Potter
XQuery Kick Start
Learning XML

Определение и использование

Метод replaceChild() заменяет дочерний узел новым узлом.

Новый узел может быть существующим узлом в документе, или вы можете создать новый узел.

Совет: Замененный дочерний узел можно вставить позже в любой элемент того же документа. Используйте метод insertBefore() или appendChild() , чтобы позже вставить его в тот же документ, или используйте метод acceptNode() или importNode(), чтобы вставить замененный узел в другой документ.

Поддержка браузера

Метод replaceChild() поддерживается во всех основных браузерах.

Синтаксис

nodeObject.replaceChild(newchild,oldchild)

Параметры

Parameter	Type	Description
newchild	Node object	Required. The new node to put in the child list
oldchild	Node object	Required. The node that will be replaced in the child list

Возвращаемое значение

Type	Description
Node object	The replaced node (oldchild)

Технические детали

DOM-версия	Базовый объект узла уровня 1. Изменено в DOM уровня 3

❮ Узел объекта