HTML DOM الخاصية firstElementChild
مثال
احصل على محتوى HTML للعنصر الفرعي الأول لعنصر <ul>:
var x = document.getElementById("myList").firstElementChild.innerHTML;
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
ترجع الخاصية firstElementChild العنصر الفرعي الأول للعنصر المحدد.
يتمثل الاختلاف بين هذه الخاصية و firstChild في أن firstChild تُرجع العقدة الفرعية الأولى كعقدة عنصر أو عقدة نصية أو عقدة تعليق (اعتمادًا على العقدة الأولى) ، بينما تُرجع firstElementChild العقدة الفرعية الأولى كعقدة عنصر (يتجاهل النص وعقد التعليق).
هذه الخاصيه للقراؤه فقط.
نصيحة: استخدم خاصية الأطفال لإرجاع أي عنصر فرعي لعنصر محدد. سينتج الأطفال [0] نفس النتيجة مثل firstElementChild.
تلميح: لإرجاع آخر عنصر فرعي لعنصر محدد ، استخدم الخاصية lastElementChild .
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
بناء الجملة
element.firstElementChild
تفاصيل تقنية
قيمة الإرجاع: | كائن عقدة ، يمثل العنصر الفرعي الأول للعنصر ، أو لاغٍ إذا لم تكن هناك عناصر فرعية |
---|---|
إصدار DOM | اجتياز المستوى الأساسي 3 للعنصر |
مزيد من الأمثلة
مثال
احصل على اسم العلامة للعنصر الفرعي الأول لعنصر <div>:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
مثال
احصل على نص عقدة العنصر الأولى لعنصر <select>:
var x = document.getElementById("mySelect").firstElementChild.text;