XML DOM ReplaceChild() Methode
❮ Knooppuntobject
Voorbeeld
Het volgende codefragment laadt " books.xml " in xmlDoc en vervangt het eerste <book> element:
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;
}
De uitvoer van de bovenstaande code zal zijn:
A Notebook
Harry Potter
XQuery Kick Start
Learning XML
Definitie en gebruik
De methode ReplaceChild() vervangt een onderliggend knooppunt door een nieuw knooppunt.
Het nieuwe knooppunt kan een bestaand knooppunt in het document zijn, of u kunt een nieuw knooppunt maken.
Tip: Het vervangen onderliggende knooppunt kan later in elk element in hetzelfde document worden ingevoegd. Gebruik de methode insertBefore() of appendChild() om het later in hetzelfde document in te voegen, of gebruik de methode adoptNode() of importNode() om het vervangen knooppunt in een ander document in te voegen.
Browserondersteuning
De methode ReplaceChild() wordt ondersteund in alle belangrijke browsers.
Syntaxis
nodeObject.replaceChild(newchild,oldchild)
Parameters:
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 |
Winstwaarde
Type | Description |
---|---|
Node object | The replaced node (oldchild) |
Technische details
DOM-versie | Kernniveau 1 knooppuntobject. Gewijzigd in DOM-niveau 3 |
---|
❮ Knooppuntobject