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;
}

Probeer het zelf

Browser ondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning

Alle主流 browsers ondersteunen insertBefore() Methoden.