XML DOM ఫస్ట్ చిల్డ్ అంశం

నిర్వచనం మరియు వినియోగం

ఫస్ట్ చిల్డ్ అంశం డాక్యుమెంట్ యొక్క మొదటి కలయిక నోడ్ అనున్న మూల్యాన్ని పునరుద్ధరిస్తుంది.

సంకేతాలు

గమనిక:ఫైర్ఫాక్స్ మరియు ఇతర బ్రౌజర్లు ఖాళీ లేదా నొక్కపాటును టెక్స్ట్ నోడ్ గా పరిగణిస్తాయి, కానీ ఇంటర్నెట్ ఎక్స్ప్లోరర్ అలా పరిగణించదు. అందువలన, ఈ ఉదాహరణలో, మేము మొదటి కలయిక నోడ్ నోడ్ టైప్ తనిఖీ చేసే ఫంక్షన్ ఒకదానిని వాడుతున్నాము.

సాధారణ మూలకం యొక్క nodeType విలువ అయినందున, మొదటి పిన్నికి సాధారణ మూలకం కాదిరకం అయితే, అది తదుపరి నోడ్ ను సందర్శించి, అక్కడి నోడ్ నుండి సాధారణ మూలకం ఉందా లేదా కాదా పరిశీలిస్తుంది. ఇది సాధారణ మూలకం ఉన్న మొదటి పిన్నికి మరియు అది అన్ని బ్రౌజర్లలో సరైన ఫలితాన్ని కలిగిస్తుంది.

హింసారామ్యం:బ్రౌజర్ల మధ్య వ్యత్యాసాల గురించి మరింత సమాచారం తెలుసుకోవడానికి XML DOM పాఠ్యక్రమంలో DOM బ్రౌజర్ చివరి సెక్షన్లో చూడండి.

ఇన్స్టాన్స్

ఉదాహరణ 1

ప్రసంగం:

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>";
}

亲自试一试