JavaScript

JavaScript lastChild Method
دالة lastChild في لغة جافا سكريبت

سوف تتعلم في هذا الدرس وظيفة دالة lastChild وكيفية استخدامها وكيفية التنقل إلي العنصر الاخير الفرعي داخل شجرة DOM في لغة جافا سكريبت.

التاريخ

30 نوفمبر 2022

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

487

المواضيع

24
الشروحات chevron_left JavaScript lastChild Method chevron_left JavaScript

JavaScript lastChild Method
دالة lastChild في لغة جافا سكريبت

</> JavaScript lastChild Method
دالة lastChild في لغة جافا سكريبت

تستخدم دالة lastChild في لغة جافا سكريبت لقراءة وإرجاع أخر كائن node متفرع من عنصر أب داخل شجرة DOM tree.


وظيفة lastChild في لغة جافا سكريبت:

  • إرجاع اخر كائن node متفرع من عنصر أب داخل شجرة DOM tree في لغة جافا سكريت.


قيم lastChild في لغة جافا سكريبت:

  • قراءة وإرجاع اخر كائن node متفرع من عنصر أب داخل شجرة DOM tree.
  • null ارجاع قيمة في حال عدم وجود عنصر فرعي متفرع من العنصر الأب داخل شجرة DOM tree.
JavaScript lastChild syntax

طريقة كتابة دالة lastChild في لغة جافا سكريبت.

parentElement.lastChild
هام
بواسطة دالة lastChild يتم تجاهل جميع الكائنات المتفرعة من أب واحد ويتم قراءة أخر عنصر أبن فقط.

</> JavaScript lastChild example
مثال علي استخدام دالة lastChild في لغة جافا سكريبت

سوف نستخدم في هذا المثال دالة lastChild مع عنصر <h1> لإرجاع عنصر النص الذي بداخله في لغة جافا سكريبت.
JavaScript lastChild example

مثال علي استخدام lastChild في لغة JavaScript.

<html>
<head>
    <title>JavaScript lastChild </title>
</head>
<body>
<h1 id="h1">JavaScript lastChild </h1>
<p>from CloseTag lastChild </p>
<script>
  let h1 = document.getElementById('h1')
  /* check console*/
  console.log(h1.lastChild)
</script>
</body>
</html>
Result from console
Result from console
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات