Méthode insertBefore() du DOM XML

Objet Element

Définition et utilisation

insertBefore() Cette méthode insère un nouveau noeud fils avant un noeud fils existant.

Cette méthode retourne ce nouveau noeud fils.

Syntaxe

elementNode.insertBefore(new_node,existing_node)
Paramètres Description
new_node Obligatoire. Noeud à insérer.
existing_node Obligatoire. Noeud existant. Le nouveau noeud sera inséré avant ce noeud.

Exemple

Le code suivant charge "books.xml" dans xmlDoc, crée un nouveau noeud <book> et l'insère avant le dernier élément <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 xmlDoc = xml.responseXML;
    var newNode = xmlDoc.createElement("book");
    var x = xmlDoc.documentElement;
    var y = xmlDoc.getElementsByTagName("book");
    document.getElementById("demo").innerHTML =
    "Éléments de livre avant : " + y.length + "<br>";
    x.insertBefore(newNode, y[3]);
    document.getElementById("demo").innerHTML +=
    "Éléments de livre après : " + y.length;
}

Essayer par vous-même

Objet Element