Metoda insertBefore() XML DOM

Obiekt Node

Definicja i użycie

insertBefore() Metoda wstawia nowy węzeł podrzędny przed określonym podwęzłem bieżącego węzła.

Uwaga:Jeśli newchild już znajduje się w drzewie, najpierw go usuwa.

Gramatyka

nodeObject.insertBefore(newchild,existingnode,

)

) Opis
newchild Wymagane. Obiekt Node. Nowy węzeł podrzędny do wstawienia.
existingnode

Wymagane. Obiekt Node. Węzeł, przed którym ma być wstawiony nowy węzeł podrzędny.

Jeśli istniejący węzeł jest pusty, nowy węzeł podrzędny jest wstawiany na końcu listy węzłów podrzędnych.

Szczegóły techniczne

Wersja DOM: Obiekt Node na poziomie Core Level 1. Modyfikowany w DOM Level 3.
Zwrócona wartość: Obiekt Node. Wstawiony węzeł.

Przykład

Poniższy kod ładuje "books.xml", tworzy nowy węzeł <book> i wstawia go przed ostatnim węzłem <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 =
    "Book elements before: " + y.length + "<br>";
    x.insertBefore(newNode, y[3]);
    document.getElementById("demo").innerHTML +=
    "Elementy książki po: " + y.length;
}

Spróbuj sam

Wsparcie przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspierane Wspierane Wspierane Wspierane Wspierane

Wszystkie główne przeglądarki wspierają insertBefore() Metody.

Obiekt Node