مثال
الحصول على محتوى HTML من عنصر تابع الأول من <ul> العنصر:
var x = document.getElementById("myList").firstElementChild.innerHTML;ونتيجة لالعاشر على النحو التالي:
Coffee انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
الخاصية firstElementChild ترجع عنصر الطفل الأول للعنصر المحدد.
الفرق بين هذا العقار و firstChild ، هو أن firstChild إرجاع العقدة الطفل الأولى باعتبارها عقدة عنصر، عقدة النص أو عقدة تعليق (depending on which one's first) ، في حين يعود firstElementChild العقدة الطفل الأولى باعتبارها عقدة عنصر (ignores text and comment nodes) .
هذه الخاصيه للقراؤه فقط.
نصيحة: استخدم الأطفال الملكية للعودة أي عنصر تابع للعنصر المحدد. الأطفال [0] سوف تعطي نفس النتيجة كما firstElementChild.
نصيحة: للعودة إلى الماضي عنصر تابع لعنصر محدد، استخدم lastElementChild الممتلكات.
دعم المتصفح
| خاصية | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | تسعة | 3.5 | 4.0 | 10.0 |
بناء الجملة
element .firstElementChildتفاصيل تقنية
| قيمة الإرجاع: | كائن عقدة، وهو ما يمثل العنصر التابع الأول من عنصر، أو لاغية إذا لم تكن هناك عناصر تابعة |
|---|---|
| صفحة DOM | المستوى الأساسي 3 العنصر الانتقالي |
مزيد من الأمثلة
مثال
الحصول على اسم العلامة العنصر الطفل الأول ل <div> العنصر:
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;ونتيجة لالعاشر على النحو التالي:
P انها محاولة لنفسك » مثال
الحصول على نص عقدة عنصر الأولى من <select> العنصر:
var x = document.getElementById("mySelect").firstElementChild.text;ونتيجة لالعاشر على النحو التالي:
Audi انها محاولة لنفسك »