XML DOM insertBefore() methode
Definitie en gebruik
insertBefore()
De methode voegt een nieuwe subknooppunt in voor de specifieke subknooppunten van de huidige knooppunt.
Opmerking:Als newchild al in de boom zit, wordt het eerst verwijderd.
Syntax
nodeObject.insertBefore(newchild,existingnode,
)
) | Beschrijving |
---|---|
newchild | Verplicht. Node object. Het nieuwe subknooppunt dat moet worden ingevoegd. |
existingnode |
Verplicht. Node object. Het knooppunt waarvoor het nieuwe subknooppunt moet worden ingevoegd. Als de bestaande knooppunten leeg zijn, wordt het nieuwe subknooppunt aan het einde van de lijst met subknooppunten ingevoegd. |
Technische details
DOM versie: | Core Level 1 Node Object. Aangepast in DOM Level 3. |
---|---|
Retourwaarde: | Node object. Het ingevoegde knooppunt. |
Voorbeeld
Hieronderstaande code laadt "books.xml", maakt een nieuwe <book> knooppunt aan en voegt het in voor het laatste <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 newNode = xmlDoc.createElement("book"); var x = xmlDoc.documentElement; var y = xmlDoc.getElementsByTagName("book"); document.getElementById("demo").innerHTML = "Book elements before: " + y.length + "<br>"; x.insertBefore(newNode, y[3]); document.getElementById("demo").innerHTML += "Boek elementen na: " + y.lengte; }
Browser ondersteuning
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Ondersteuning | Ondersteuning | Ondersteuning | Ondersteuning | Ondersteuning |
Alle主流 browsers ondersteunen insertBefore()
Methoden.