XML DOM nextSibling Property
❮ Obiekt węzła
Przykład
Poniższy fragment kodu ładuje " books.xml " do xmlDoc i pobiera następny równorzędny węzeł z pierwszego elementu <title>:
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;
}
Wynikiem powyższego kodu będzie:
title = Everyday Italian
Next sibling: author = Giada De Laurentiis
Definicja i użycie
Właściwość nextSibling zwraca węzeł bezpośrednio za węzłem (następny węzeł na tym samym poziomie drzewa).
Jeśli nie ma takiego węzła, ta właściwość zwraca wartość null.
Składnia
nodeObject.nextSibling
Wskazówki i uwagi
Uwaga: Firefox i większość innych przeglądarek traktuje puste odstępy lub nowe wiersze jako węzły tekstowe, Internet Explorer nie. Tak więc w poniższym przykładzie mamy funkcję, która sprawdza typ węzła następnego węzła rodzeństwa.
Węzły elementu mają nodeType równy 1, więc jeśli następny węzeł równorzędny nie jest węzłem elementu, przechodzi do następnego węzła i sprawdza, czy ten węzeł jest węzłem elementu. Trwa to do momentu znalezienia następnego węzła równorzędnego (który musi być węzłem elementu). W ten sposób wynik będzie poprawny we wszystkich przeglądarkach.
Wskazówka: aby dowiedzieć się więcej o różnicach między przeglądarkami, odwiedź nasz rozdział Przeglądarki DOM w naszym samouczku XML DOM.
Próbne wersje demonstracyjne
❮ Obiekt węzła