XML DOM firstChild 属性
定义和用法
firstChild 属性返回指定节点的第一个子节点。
语法
nodeObject.firstChild
注意：Firefox 和大多数其他浏览器会将空白或换行视为文本节点，而 Internet Explorer 不会。因此，在下面的例子中，我们用一个函数来检查第一个子节点的节点类型。
ఎలమెంట్ నోడ్ యొక్క 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>";
}
