ویژگی lastChild HTML DOM Element

تعریف و استفاده

lastChild ویژگی بازگشت آخرین نود فرزند指定 شده به عنوان نود Node است.

lastChild ویژگی‌ها فقط خواندنی هستند.

توجه داشته باشید

lastChild بازگشت این نودهای فرزند است: نودهای عناصر، نودهای متن یا نودهای کامنت.

فضاهای خالی بین عناصر نیز نودهای متن هستند.

راه حل جایگزین:

ویژگی lastElementChild - lastElementChild ویژگی بازگشت آخرین عناصر فرزند (نودهای متن و کامنت را نادیده می‌گیرد).

لطفاً به: مراجعه کنید

نمایش childNodes

نمایش firstChild

نمایش nextSibling

نمایش previousSibling

نمایش ویژگی‌های نود

نمایش parentNode

نمایش nodeName

نمایش nodeType

نمایش nodeValue

نودهای HTML و عناصر

در HTML DOMدر (مدل مستندات وب) HTML مستند است که مجموعه‌ای از نودهایی است که (دارند یا ندارند) نودهای فرزند.

نودبه معنای نودهای عناصر، نودهای متن و نودهای کامنت است.

عنصربین این‌ها نیز فضاهای خالی نودهای متن هستند.

در عوض عناصر فقط نودهای عناصر هستند.

نودهای فرزند و عناصر فرزند

childNodes بازگشتبچہ نود（نودهای عناصر، نودهای متن و نودهای کامنت).

children بازگشتبچہ علامت（در عوض نودهای متن و کامنت).

firstChild اور firstElementChild

firstChild بازگشت اولینبچہ نودنود علامت، متن نود یا نظریات نود، نود کے درمیان کا بلاول بھی متن نود ہوتا ہے۔

firstElementChild بازگشت اولینبچہ علامتنود اور نظریات کا بلاول نہیں درج ہوتا۔

lastChild اور lastElementChild

lastChild آخری واپس فراہم کرتا ہےبچہ نودنود علامت، متن نود یا نظریات نود، نود کے درمیان کا بلاول بھی متن نود ہوتا ہے۔

lastElementChild آخری واپس فراہم کرتا ہےبچہ علامتنود اور نظریات کا بلاول نہیں درج ہوتا۔

مثال

مثال 1

آپ کوشش کریں کہ <ul> علامت کا آخری بچہ کا HTML معلومات حاصل کریں:

document.getElementById("myList").lastChild.innerHTML;

آپ خود کوشش کریں

مثال 2

آپ کوشش کریں کہ <select> علامت کا آخری بچہ کا نود کا متن حاصل کریں:

let text = document.getElementById("mySelect").lastChild.text;

آپ خود کوشش کریں

مثال 3

یہ مثال بلاول کی تفاوت کا مظاہرہ کرتا ہے، آپ کوشش کریں کہ "myDIV" کا آخری بچہ کا نود کا نام حاصل کریں:

<div id="myDIV">
  <p>Looks like first child</p>
  <p>Looks like last Child</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

آپ خود کوشش کریں

مثال 4

لیکن، اگر آپ بلاول کو مندرجہ منافع سے حذف کرتے ہیں تو "myDIV" میں #text نود نہیں ہوگا:

<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

آپ خود کوشش کریں

قواعد

element.lastChild

یا

نود.lastChild

بازگشتی کار

کچھ وار وصف
نود آخری بچہ کا نود
null اگر بلاولیں نہ ہوں تو。

براوزر مدد

element.lastChild یہ DOM Level 1 (1998) کی خصوصیت ہے。

تمام براوزرز اس کی پورے طرح مددگار ہیں:

کروم آئی ای ایج فائرفاکس سافری اپرا
کروم آئی ای ایج فائرفاکس سافری اپرا
پشتیبندگی 9-11 پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی