Méthode insertBefore() de XML DOM

Définition et utilisation

insertBefore() La méthode insère un nouveau sous-nœud avant le sous-nœud spécifié du noeud courant.

Remarque :Si newchild est déjà dans l'arbre, il est d'abord supprimé.

Syntaxe

nodeObject.insertBefore(newchild,existingnode,

)

) Description
newchild Obligatoire. Objet Node. Nouveau sous-nœud à insérer.
existingnode

Obligatoire. Objet Node. Noeud dans lequel le nouveau sous-nœud doit être inséré.

Si le noeud existant est vide, le nouveau sous-noeud est inséré à la fin de la liste des sous-nœuds.

Détails techniques

Version DOM : Objet Node de niveau 1 de niveau de base. Modifié dans DOM Level 3.
Retourne : Objet Node. Noeud inséré.

Exemple

Le code suivant charge "books.xml", crée un nouveau noeud <book> et leInsère avant le dernier noeud <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;
}

Essayez-le vous-même

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Tous les navigateurs populaires le supportent insertBefore() Méthodes.