XML DOM nextSibling Özelliği
❮ Düğüm Nesnesi
Örnek
Aşağıdaki kod parçası, " books.xml " dosyasını xmlDoc'a yükler ve ilk <title> öğesinden sonraki kardeş düğümü alır:
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
//
Check if the next sibling node is an element node
function
get_nextsibling(n) {
var x = n.nextSibling;
while (x.nodeType != 1) {
x =
x.nextSibling;
}
return x;
}
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x = xmlDoc.getElementsByTagName("title")[0];
var y
= get_nextsibling(x);
document.getElementById("demo").innerHTML
= x.nodeName + " = " +
x.childNodes[0].nodeValue +
"<br>Next sibling: " + y.nodeName + " = " +
y.childNodes[0].nodeValue;
}
Yukarıdaki kodun çıktısı şöyle olacaktır:
title = Everyday Italian
Next sibling: author = Giada De Laurentiis
Tanım ve Kullanım
nextSibling özelliği, bir düğümün hemen ardından gelen düğümü döndürür (aynı ağaç düzeyinde aşağıdaki düğüm).
Böyle bir düğüm yoksa, bu özellik null değerini döndürür.
Sözdizimi
nodeObject.nextSibling
İpuçları ve Notlar
Not: Firefox ve diğer tarayıcıların çoğu, boş beyaz boşlukları veya yeni satırları metin düğümleri olarak değerlendirir, Internet Explorer yapmaz. Dolayısıyla, aşağıdaki örnekte, bir sonraki kardeş düğümün düğüm türünü kontrol eden bir fonksiyonumuz var.
Öğe düğümlerinin nodeType değeri 1'dir, bu nedenle sonraki kardeş düğüm bir öğe düğümü değilse, bir sonraki düğüme geçer ve bu düğümün bir öğe düğümü olup olmadığını kontrol eder. Bu, bir sonraki kardeş düğüm (bir öğe düğümü olmalıdır) bulunana kadar devam eder. Bu şekilde sonuç tüm tarayıcılarda doğru olacaktır.
İpucu: Tarayıcılar arasındaki farklar hakkında daha fazla bilgi edinmek için XML DOM Eğitimimizdeki DOM Tarayıcıları bölümümüzü ziyaret edin.
Kendiniz Deneyin Demoları
❮ Düğüm Nesnesi