خصوصیت element.lastChild

مثال (خصوصیت element.lastChild)

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

var x = document.getElementById("myList").lastChild.innerHTML;

خروجی x در کد بالا

Tea

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

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

تفاوت بین این خصوصیت و خصوصیت lastElementChild در این است که، خصوصیت lastChild آخرین گره فرزند را مثل یک گره عنصر، یک گره متن یا یک گره کامنت برمی گرداند، در حالی که خصوصیت lastElementChild آخرین گره فرزند را مانند یک گره عنصر برمی گرداند(گره های متن و کامنت را نادیده می گیرد).

نکته: فاصله ی درون عناصر مانند متن در نظر گرفته می شود و متن نیز مانند گره در نظر گرفته می شود.

این خصوصیت فقط خواندنی می باشد.

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

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

پشتیبانی مرورگرها

متد
lastChild	بله	بله	بله	بله	بله

نحوه استفاده

node.lastChild

جزئیات تکنیکی

مقدار برگشتی	یک شیء گره، که مشخص کننده ی آخرین فرزند از یک گره می باشد، و یا در صورتی که هیچ گره فرزندی وجود نداشته باشد، null را برمی گرداند.
DOM Version	Core Level 1 Node Object

مثال - خودتان امتحان کنید

مثال (خصوصیت element.lastChild)

در این مثال، ما نشان می دهیم که چطور فاصله ی سفید، ممکن است با این خصوصیت تداخل پیدا کند.

به دست آوردن نام گره از آخرین گره فرزند یک عنصر <div>:

<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>

خروجی x در کد بالا

#text

خودتان امتحان کنید »

مثال (خصوصیت element.lastChild)

اما در صورتی که ما فاصله ی سفید را از سورس حذف کنیم، گره های text# در <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>

خروجی x در کد بالا

SPAN

خودتان امتحان کنید »