HTML DOM lastChild خاصية
مثال
احصل على محتوى HTML للعقدة الفرعية الأخيرة لعنصر <ul>:
var x = document.getElementById("myList").lastChild.innerHTML;
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تُرجع الخاصية lastChild آخر عقدة تابعة للعقدة المحددة ، ككائن عقدة.
يتمثل الاختلاف بين هذه الخاصية و lastElementChild في أن lastElementChild تُرجع آخر عقدة فرعية كعقدة عنصر أو عقدة نصية أو عقدة تعليق (اعتمادًا على العقدة الأخيرة) ، بينما يُرجع lastElementChild آخر عقدة فرعية كعقدة عنصر (يتجاهل النص وعقد التعليق).
ملاحظة: يتم اعتبار المسافة البيضاء داخل العناصر كنص ، ويعتبر النص بمثابة عقد (راجع "مزيد من الأمثلة").
هذه الخاصيه للقراؤه فقط.
تلميح: استخدم خاصية element .childNodes لإرجاع أي عقدة فرعية لعقدة محددة.
نصيحة: لإرجاع العقدة الفرعية الأولى للعقدة المحددة ، استخدم الخاصية firstChild .
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
lastChild | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
node.lastChild
تفاصيل تقنية
قيمة الإرجاع: | كائن عقدة ، يمثل آخر فرع للعقدة ، أو فارغ إذا لم تكن هناك عقد فرعية |
---|---|
إصدار DOM | كائن عقدة المستوى 1 الأساسي |
مزيد من الأمثلة
مثال
في هذا المثال ، نوضح كيف يمكن أن تتداخل المسافة البيضاء مع هذه الخاصية.
احصل على اسم العقدة للعقدة الفرعية الأخيرة لعنصر <div>:
<!--
Whitespace inside elements is considered as text, and text is considered as nodes
In this example, there is whitespace before <p>, before <span> and after <span>
Therefore, the last child node of <div> is a #text node, and not the <span> element you expected
-->
<div id="myDIV">
<p>Looks like first child</p>
<span>Looks like last Child</span>
</div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
مثال
ومع ذلك ، إذا أزلنا المسافة البيضاء من المصدر ، فلا يوجد #text nodes في <div> ، مما سيجعل العنصر <span> آخر عقدة فرعية:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
مثال
احصل على نص آخر عقدة فرعية لعنصر <select>:
var x = document.getElementById("mySelect").lastChild.text;
الصفحات ذات الصلة
مرجع DOM HTML: العقدة. firstChild الممتلكات
مرجع DOM HTML: العقدة. خاصية childNodes
مرجع DOM HTML: العقدة. الخاصية parentNode
مرجع DOM HTML: العقدة. NextSibling الملكية
مرجع DOM HTML: العقدة. الممتلكات السابقة للأشقاء
مرجع DOM HTML: العقدة. خاصية nodeName