XML DOM appendChild()- methode
❮ Knooppuntobject
Voorbeeld
Het volgende codefragment laadt " books.xml " in xmlDoc en maakt een knooppunt (<edition>) en voegt dit toe na het laatste onderliggende knooppunt van het eerste <book>-knooppunt:
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 xmlDoc = xml.responseXML;
var newel =
xmlDoc.createElement("edition");
var x =
xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);
document.getElementById("demo").innerHTML =
x.getElementsByTagName("edition")[0].nodeName;
}
De uitvoer van de bovenstaande code zal zijn:
edition
Definitie en gebruik
De methode appendChild() voegt het nieuwe onderliggende knooppunt toe aan het einde van de lijst met onderliggende knooppunten.
Opmerking: als het nieuwe kind al in de structuur staat, wordt het eerst verwijderd.
Browserondersteuning
De appendChild()-methode wordt ondersteund in alle belangrijke browsers.
Syntaxis
nodeObject.appendChild(newchild)
Parameter | Description |
---|---|
newchild | The node to add (append) |
Winstwaarde
Type | Description |
---|---|
Node object | The appended node |
Technische details
DOM-versie | Kernniveau 1 knooppuntobject. Gewijzigd in DOM-niveau 3 |
---|
Probeer-het-zelf-demo's
❮ Knooppuntobject