XML DOM nextSibling property

Definition and Usage

nextSibling This property returns the next sibling node of the selected element (the next node at the same tree level).

If such a node does not exist, this property returns null.

Syntax

elementNode.nextSibling

Note:Firefox and most other browsers treat whitespace or line breaks as text nodes, while Internet Explorer does not. Therefore, in the following example, we use a function to check the node type of the next sibling node.

Element node's nodeType is 1, so if the next sibling node is not an element node, it moves to the next node and checks if the node is an element node. This will continue until the next sibling node (must be an element node) is found. As a result, it is correct in all browsers.

Vinkki:Lisätietoja selaimien välisistä eroista löydät XML DOM-opasesta DOM-selaimet -luvusta.

Esimerkki

Esimerkki 1

Seuraava koodi ladataan "books.xml" xmlDoc:iin ja haetaan seuraava samantasoainen solmu ensimmäisestä <title>-elementistä:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
// Tarkista, onko seuraava samantasoainen solmu elementtisolmu
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>Seuraava sisar: " + y.nodeName + " = " +
    y.childNodes[0].nodeValue;
}

Kokeile itse

Esimerkki 2

Käytä previousSibling-metodia saadaksesi solmun edellisen samantasoisen solmun:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myFunction(this);
    }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
// Tarkista, onko edellinen samantasoainen solmu elementtisolmu
function get_previoussibling(n) {
    var x = n.previousSibling;
    while (x.nodeType != 1) {
        x = x.previousSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName("author")[0];
    var y = get_previoussibling(x);
    document.getElementById("demo").innerHTML = x.nodeName + " = " + 
    x.childNodes[0].nodeValue +
    "<br>Edellinen veljen lapsi: " + y.nodeName + " = " + 
    y.childNodes[0].nodeValue;
}

Kokeile itse