XML DOM insertBefore() Methode

Node object

Definition und Verwendung

insertBefore() Fügt einen neuen Kindknoten vor einem bestimmten Kindknoten des aktuellen Knotens ein.

Beachtung:Entfernt den neuen Kindknoten aus dem Baum, falls er bereits darin vorhanden ist.

Syntax

nodeObject.insertBefore(newchild,existingnode,

)

) Beschreibung
newchild Erforderlich. Node-Objekt. Der neue Kindknoten, der eingefügt werden soll.
existingnode

Erforderlich. Node-Objekt. Der Knoten, vor dem der neue Kindknoten eingefügt werden soll.

Fügt den neuen Kindknoten am Ende der Kindknotenliste ein, wenn der aktuelle Knoten leer ist.

Technische Details

DOM-Version: Core Level 1 Node-Objekt. Änderungen in DOM Level 3 vorgenommen.
Rückgabewert: Node-Objekt. Das in den Baum eingefügte Objekt.

实例

下面的代码加载 "books.xml"，创建一个新的 <book> 节点，并将其插入到最后一个 <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 +=
    "Book elements after: " + y.length;
}

Try it yourself

Browser support

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

All mainstream browsers support insertBefore() Methods.

Node object