XML DOM firstChild गुण

Document 对象

रोशनी और उपयोग

firstChild प्रकृति वापस देता है डॉक्यूमेंट का पहला सबसे छोटा बच्चा नोड।

व्याकरण

documentObject.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 + ")
" +
    "Nodename: " + y.nodeName + 
    " (nodetype: " + y.nodeType + ")
";
}

亲自试一试

Document 对象