Proprietà previousSibling del XML DOM

Definizione e utilizzo

previousSibling L'attributo restituisce il nodo同级 precedente dell'elemento selezionato (il nodo precedente nello stesso livello dell'albero).

Se non esiste tale nodo, l'attributo restituisce null.

Sintassi

elementNode.previousSibling

Attenzione:Firefox e la maggior parte degli altri browser considerano spazi o righe di riporto come nodi di testo, mentre Internet Explorer non lo fa. Pertanto, nell'esempio seguente, utilizziamo una funzione per verificare il tipo di nodo del nodo同级 precedente.

Il nodeType dell'elemento è 1, quindi se il nodo同级 precedente non è un nodo elemento, si sposta al nodo precedente e si verifica se il nodo è un nodo elemento. Questo continuerà fino a trovare il nodo同级 precedente (deve essere un nodo elemento). In questo modo, il risultato è corretto in tutti i browser.

Tip:For more information on differences between browsers, please visit the DOM Browser section in the XML DOM tutorial.

Example

Example 1

The following code loads "books.xml" into xmlDoc and gets the previous sibling node of the first <author> element:

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 previous sibling node is an element node
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>Previous sibling: " + y.nodeName + " = " +
    y.childNodes[0].nodeValue;
}

Prova personalmente

Example 2

Using nextSibling, get the next sibling node of an element:

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 +
    "Succedente: " + y.nodeName + " = " + 
    y.childNodes[0].nodeValue;
}

Prova personalmente