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 属性。