XML DOM firstChild विशेषता

Node ऑब्जेक्ट

व्याख्या और उपयोग

firstChild पैरामीटर वापसी निर्दिष्ट नोड के पहले चाइल्ड नोड को वापस देता है।

व्याकरण

nodeObject.firstChild
सलाह और नोट्स

ध्यान दें:फायरफॉक्स और अधिकांश अन्य ब्राउज़र खाली या लाइन बदले को टेक्स्ट नोड के रूप में मानते हैं, जबकि इंटरनेट एक्सप्लोरर नहीं। इसलिए, नीचे दिए उदाहरण में, हम एक फ़ंक्शन का उपयोग करते हैं जो पहले चाइल्ड नोड के नोड टाइप की जाँच करता है।

एलिमेंट नोड का nodeType 1 है, इसलिए यदि पहला संबंधित एलिमेंट नोड नहीं है, तो अगले नोड को आगे बढ़ाया जाएगा और इस नोड को एलिमेंट नोड होने की जाँच की जाएगी। यह जारी रहेगा जब तक कि पहला संबंधित एलिमेंट नोड (जो अनिवार्यतः एलिमेंट नोड होना चाहिए) ना मिले। इस प्रकार, परिणाम सभी ब्राउज़रों में सही रहेगा।

सूचना:ब्राउज़रों के बीच अंतर के बारे में अधिक जानकारी प्राप्त करने के लिए XML DOM ट्यूटोरियल में DOM ब्राउज़र चैप्टर को देखें。

इन्स्टैंस

उदाहरण 1

नीचे का कोड "books.xml" को xmlDoc में लोड करता है और पहले संबंधित एलिमेंट के नोड नाम को दिखाता है:

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 get_firstchild(n) {
    var x = n.firstChild;
    while (x.nodeType != 1) {
        x = x.nextSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = get_firstchild(xmlDoc);
    document.getElementById("demo").innerHTML =
    "Nodename: " + x.nodeName +"
    " (nodetype: " + x.nodeType + ")<br>";
}

स्वयं अभ्यास करें

उदाहरण 2

डॉक्यूमेंट का अंतिम संबंधित एलिमेंट प्राप्त करना：

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 get_lastchild(n) {
    var x = n.lastChild;
    while (x.nodeType != 1) {
        x = x.previousSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    // डॉक्यूमेंट का अंतिम संबंधित एलिमेंट अवश्य करना
    var x = get_lastchild(xmlDoc);
    // रूट एलिमेंट का अंतिम संबंधित एलिमेंट अवश्य करना
    var y = get_lastchild(xmlDoc.documentElement);
    document.getElementById("demo").innerHTML =
    "Nodename: " + x.nodeName +" 
    " (nodetype: " + x.nodeType + ")<br>" +
    "Nodename: " + y.nodeName + 
    " (nodetype: " + y.nodeType + ")<br>";
}

स्वयं अभ्यास करें

Node ऑब्जेक्ट