خصائص العنصر الأخير في HTML DOM Element
- الصفحة السابقة lang
- الصفحة التالية lastElementChild
- العودة إلى الطبقة العليا مثلث DOM Elements
التعريف والاستخدام
lastChild خصائص العنصر تعود إلى العنصر الفرعي الأخير المحدد، كعنصر Node.
lastChild خصائص العنصر غير قابل للتعديل.
ملاحظة
lastChild تعود إليها هذه العناصر الفرعية: عناصر النص والنصوص أو التعليقات.
الفراغ بين العناصر هو أيضًا عنصر نصي.
البديل:
خصائص العنصر الأخير - lastElementChild خصائص العنصر تعود إلى العنصر الفرعي الأخير (تتجاهل عناصر النص والتعليقات).
يرجى الرجوع إلى:
خصائص العنصر
عناصر HTML والعناصر
في HTML DOM(نموذج وثيقة HTML) حيث يكون نموذج وثيقة HTML مجموعة من العناصر (أو ليس لديها عناصر فرعية).
النوديعني عنصر النص والنصوص والتعليقات.
العنصرالفراغ بين العناصر هو أيضًا عنصر نصي.
بينما العنصر هو عنصر فرعي فقط.
العناصر الفرعية مع العناصر الفرعية
childNodes العودةالنود الفرعية(عناصر النص والنصوص والتعليقات).
الأطفال العودةالنود الفرعية(بدلاً من عناصر النص والتعليقات).
firstChild و firstElementChild
firstChild العودة إلى الأولالنود الفرعية(نود العناصر، النود النصية أو النود التعليقية). الفراغ بين العناصر هو نود نصي.
firstElementChild العودة إلى الأولالنود الفرعية(لا تعود النود النصية والتعليقات).
lastChild و lastElementChild
lastChild يعود الأخيرالنود الفرعية(نود العناصر، النود النصية أو النود التعليقية). الفراغ بين العناصر هو نود نصي.
lastElementChild يعود الأخيرالنود الفرعية(لا تعود النود النصية والتعليقات).
مثال
مثال 1
يعود HTML المطلوب من آخر نود من عنصر <ul>:
document.getElementById("myList").lastChild.innerHTML;
مثال 2
الحصول على النص من آخر نود من عنصر <select>:
let text = document.getElementById("mySelect").lastChild.text;
مثال 3
هذا المثال يوضح التشويه الناتج عن الفراغات، جرب الحصول على اسم النود لآخر نود من "myDIV":
<div id="myDIV">
<p>يبدو كأنه child الأول</p>
<p>يبدو كأنه child الأخير</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>
مثال 4
لكن، إذا كنت قد قمت بإزالة الفراغات من المصدر، فإنه لا يوجد نود #text في "myDIV":
<div id="myDIV"><p>child الأول</p><p>child الأخير</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>
النص
element.lastChild
أو
node.lastChild
النوع المطلوب
| النوع | الوصف |
|---|---|
| النود | آخر نود من العناصر. |
| null | إذا لم يكن هناك أطفال. |
دعم المتصفحات
element.lastChild هي خاصية DOM Level 1 (1998).
يدعم جميع المتصفحات بشكل كامل:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| الدعم | 9-11 | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة lang
- الصفحة التالية lastElementChild
- العودة إلى الطبقة العليا مثلث DOM Elements
