XML DOM insertBefore() metodu

Node Nesnesi

Tanım ve kullanım

insertBefore() Metod, belirli bir düğümün belirli alt düğümü öncesine yeni bir alt düğüm ekler.

Dikkat:Eğer newchild ağaçta zaten varsa, önce onu siler.

Sözdizimi

nodeObject.insertBefore(newchild,existingnode,

)

) Açıklama
newchild Gerekli. Node nesnesi. Eklenmek istenen yeni alt düğüm.
existingnode

Gerekli. Node nesnesi. Yeni alt düğümü eklemek için kullanılacak düğüm.

Mevcut düğüm boşsa, yeni alt düğümü alt düğüm listesinin sonuna ekler.

Teknik ayrıntılar

DOM sürümü: Core Level 1 Node Object. DOM Level 3'te değiştirildi.
Dönüş değeri: Node nesnesi. Eklenen düğüm.

Örnek

Aşağıdaki kod "books.xml" dosyasını yükler, yeni bir <book> düğümünü oluşturur ve son <book> düğümü öncesine ekler:

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

Kendi kendine deneyin

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Desteklenir Desteklenir Desteklenir Desteklenir Desteklenir

Tüm popüler tarayıcılar destekler insertBefore() Yöntemler.

Node Nesnesi