XML DOM ιδιότητα childNodes

Ορισμός και χρήση

childNodes Η ιδιότητα των στοιχείων επιστρέφει το NodeList των υποδέντρων του καθορισμένου κόμβου.

Συμβουλή:Μπορείτε να χρησιμοποιήσετε την ιδιότητα length για να καθορίσετε τον αριθμό των υποδέντρων και στη συνέχεια να βγάλετε τα πληροφορία που θέλετε από όλα τα υποδέντρα.

Γλώσσα γραφής

nodeObject.childNodes

Τεχνικές λεπτομέρειες

Παράδειγμα

Παράδειγμα 1

Η παρακάτω κώδικας φορτώνει το "books.xml" στο xmlDoc και εμφανίζει τα υποδέντρα του XML έγγραφου:

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 x, i, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.childNodes;
    for (i = 0; i < x.length; i++) {
        txt += "Nodename: " + x[i].nodeName +
        " (nodetype: " + x[i].nodeType + ")"
    }
    document.getElementById("demo").innerHTML = txt;
}

亲自试一试

Παράδειγμα 2

Δείξε όλα τα στοιχεία και τους υποστοιχεία τους στο XML έγγραφο:

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 x, y, i, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.documentElement;
    y = x.childNodes;
    for(i = 0; i < y.length; i++) {
        txt += "Nodename: " + y[i].nodeName +
        " (nodetype: " + y[i].nodeType + ")<br>"
        for(z = 0; z < y[i].childNodes.length; z++) {
            txt += "Nodename: " + y[i].childNodes[z].nodeName +
            " (nodetype: " + y[i].childNodes[z].nodeType + ")<br>"
        }
    }
    document.getElementById("demo").innerHTML = 
    "Nodename: " + xmlDoc.nodeName +
    " (nodetype: " + xmlDoc.nodeType + ")<br>"
    "Nodename: " + x.nodeName +"" 
    " (nodetype: " + x.nodeType + ")<br>" +
    txt;
}

亲自试一试

浏览器支持

所有主流浏览器都支持 childNodes 属性。