XML DOM replaceChild() Metoda
❮ Obiekt węzła
Przykład
Poniższy fragment kodu ładuje " books.xml " do xmlDoc i zastępuje pierwszy element <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;
}
Wynikiem powyższego kodu będzie:
A Notebook
Harry Potter
XQuery Kick Start
Learning XML
Definicja i użycie
Metoda replaceChild() zastępuje węzeł podrzędny nowym węzłem.
Nowy węzeł może być istniejącym węzłem w dokumencie lub możesz utworzyć nowy węzeł.
Wskazówka: zastąpiony węzeł podrzędny można później wstawić do dowolnego elementu w tym samym dokumencie. Użyj metody insertBefore() lub appendChild() , aby wstawić ją później do tego samego dokumentu, albo użyj metody adoptNode() lub importNode(), aby wstawić zastąpiony węzeł do innego dokumentu.
Obsługa przeglądarki
Metoda replaceChild() jest obsługiwana we wszystkich głównych przeglądarkach.
Składnia
nodeObject.replaceChild(newchild,oldchild)
Parametry
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 |
Wartość zwrotu
Type | Description |
---|---|
Node object | The replaced node (oldchild) |
Szczegóły techniczne
Wersja DOM | Obiekt węzła poziomu podstawowego. Zmodyfikowano w DOM Level 3 |
---|
❮ Obiekt węzła