XML DOM insertBefore() metode

Definition og brug

insertBefore() Metoden indsætter en ny undernode før den angivne undernode i den aktuelle node.

Bemærk:Hvis newchild allerede er i træet, slettes den først.

Syntaks

nodeObject.insertBefore(newchild,existingnode,

)

) Beskrivelse
newchild Obligatorisk. Node objekt. Den nye undernode, der skal indsættes.
existingnode

Obligatorisk. Node objekt. Den node, hvor den nye undernode skal indsættes før.

Hvis den eksisterende node er tom, indsættes den nye undernode i slutningen af undernode listen.

Tekniske detaljer

DOM version: Core Level 1 Node Object. Ændret i DOM Level 3.
Returværdi: Node objekt. Den node, der indsættes.

Eksempel

Nedenstående kode loader "books.xml", opretter en ny <book> node og indsætter den før den sidste <book> node:

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 +=
    "Book elements after: " + y.length;
}

Prøv det selv

Browser support

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

Alle主流浏览器都支持 insertBefore() Metoder.