XML DOM childNodes-Eigenschaft
Definition und Verwendung
childNodes
Die Eigenschaft gibt die NodeList der Unter节点 eines bestimmten Knotens zurück.
Hinweis:Sie können die length-Eigenschaft verwenden, um die Anzahl der Unter节点 zu bestimmen, und dann alle Unter节点 durchlaufen und die gewünschten Informationen extrahieren.
Syntax
nodeObject.childNodes
Technische Details
Rückgabewert: | Das NodeList-Objekt repräsentiert eine Sammlung von Knoten. |
---|---|
DOM-Version: | Core Level 1 |
Beispiel
Beispiel 1
Das folgende Code lädt "books.xml" in xmlDoc und zeigt die Unter节点 des XML-Dokuments an:
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; }
Browser Support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |
All mainstream browsers support childNodes
Properties.