ویژگی 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

HTML محتوای آخرین فرزند نود <ul> را بازگرداند:

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

آزمایش کنید

مثال 2

متن آخرین فرزند نود <select> را دریافت کنید:

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

آزمایش کنید

مثال 3

این مثال نمایش می‌دهد که چگونه فضاهای خالی تداخل ایجاد می‌کنند، سعی کنید نام نود آخرین فرزند "myDIV" را دریافت کنید:

<div id="myDIV">
  <p>به نظر می‌رسد فرزند اول</p>
  <p>به نظر می‌رسد فرزند آخر</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

آزمایش کنید

مثال 4

اما اگر شما فضاهای خالی را از منبع حذف کنید، هیچ نود #text در "myDIV" وجود ندارد:

<div id="myDIV"><p>فرزند اول</p><p>فرزند آخر</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 پشتیبانی پشتیبانی پشتیبانی پشتیبانی