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