XML DOM firstChild نمائش

مجموعه داده‌های Node

تعریف اور استعمال

firstChild 属性 جو معین کئے گئے نود کا پہلا چھوٹی کھیتی واپس لیتا ہوا.

نامہ

nodeObject.firstChild
تیپ اور نوٹس

توجہ:فائرفاکس اور زیادتر بروسر کچھ خالی یا نیو لائن کا جائزہ لیتا ہوا، جبکہ انٹرنیٹ ایکسپلورر نہیں لیتا ہوا۔ اس لئے نیچے کے مثال میں، ہم نے ایک فانکشن استعمال کیا تاکہ پہلے چھوٹی کھیتی کا جائزہ لائیئم.

گره‌های عنصر nodeType 1 دارند، بنابراین اگر اولین فرزند گره عنصر نیست، به گره بعدی حرکت می‌کند و بررسی می‌کند که گره آیا گره عنصر است یا خیر. این کار تا زمانی که اولین گره (باید گره عنصر باشد) پیدا شود ادامه دارد. به این ترتیب، نتایج در تمام مرورگرها صحیح هستند.

توضیح:برای اطلاعات بیشتری در مورد تفاوت‌های بین مرورگرها، بخش DOM مرورگر در آموزش XML 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 =
    "نام گره: " + 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 =
    "نام گره: " + x.nodeName + 
    " (nodetype: " + x.nodeType + ")<br>" +
    "نام گره: " + y.nodeName + 
    " (nodetype: " + y.nodeType + ")<br>";
}

آزمایش کنید

مجموعه داده‌های Node