XML DOM insertBefore() -menetelmä

Node 对象

Määritelmä ja käyttö

insertBefore() Metodi lisää uuden lapsisolmun tietyn lapsisolmun eteen nykyisessä solmussa.

Huomioitavaa:Jos newchild on jo puussa, sitä poistetaan ensin.

Syntaksi

nodeObject.insertBefore(newchild,existingnode,

)

) Kuvaus
newchild Välttämätön. Node-objekti. Lisättävä uusi lapsisolmu.
existingnode

Välttämätön. Node-objekti. Johon uusi lapsisolmu lisätään.

Jos nykyinen solmu on tyhjä, uusi lapsisolmu lisätään lapsisolmujen loppuun.

Tekninen yksityiskohta

DOM-versio: Core Level 1 Node Object. Muutettu DOM Level 3:ssa.
Palautusarvo: Node-objekti. Lisätty solmu.

Esimerkki

Alla oleva koodi lataa "books.xml", luo uuden <book>-solmun ja lisää sen viimeisen <book>-solmun eteen:

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;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

所有主流浏览器都支持 insertBefore() 方法。

Node 对象