خصائص firstChild في XML DOM

التعريف والاستخدام

firstChild الخصائص تعود بالعنصر الأول للعنصر الفرعي المحدد.

القواعد النحوية

nodeObject.firstChild

ملاحظة:Firefox و معظم المتصفحات الأخرى تعتبر الفراغ أو السطر الفارغ نقطة نصية، بينما لا يفعل ذلك Internet Explorer. لذلك، في المثال التالي، نستخدم دالة للتحقق من نوع العنصر الأول للعنصر الفرعي.

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

تجربة شخصية