خصائص lastChild في DOM HTML

مثال على جواهر عنصر DOM

lastChildخصائص قراءة فقط تعود بالنود الأخير للأبناء، كنود.

إذا لم يكن لدي العنصر المحدد أي أبناء، فإن هذه الطريقة سترجعفراغالقيمة.

الفراغات داخل العنصر تعتبر نصوصًا، والنصوص تعتبر عناصر. التعليقات تعتبر أيضًا عناصر.

للحصول على حلول مشاكل lastChild التي تعود بنود #text أو #comment، يمكنك استخدامlastElementChildيرجع فقط العنصر الأخير.

للإرجاع الأولى من بين الأبناء المحددة للعنصر، استخدمfirstChildالخصائص.

النحو:

node.lastChild

<div>
　　　<p>هذا هو P الأول داخل DIV</p>
　　　<p>هذا هو P الثاني داخل DIV</p>
　　　<p>هذا هو P الثالث داخل DIV</p>
</div>
<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

لكن، إذا قمنا بحذف الفاصلة العبرية بعد آخر عنصر P، فإن القيمة ستكون وسم P وليس #text:

<div>
　　　<p>هذا هو P الأول داخل DIV</p>
　　　<p>هذا هو P الثاني داخل DIV</p>
　　　<p>هذا هو الـ P الثالث داخل DIV</p></div>
<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

تطابق المتصفح

دعم lastChild الخاصية في جميع المتصفحات بشكل كامل:

تفاصيل التقنية

مراجع مرتبطة

مرجع HTML DOMالنود خصائص .firstChild

مرجع HTML DOMالنود خصائص .childNodes

مرجع HTML DOMالنود خصائص .parentNode

مرجع HTML DOMالنود خصائص .nextSibling

مرجع HTML DOMالنود خصائص .previousSibling

مرجع HTML DOMالنود خصائص .nodeName

مثال على جواهر عنصر DOM