JavaScript

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

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

التاريخ

15 نوفمبر 2022

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1068

المواضيع

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

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

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

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


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

  • إرجاع parent node كامل لعنصر ما من عناصر شجرة DOM في لغة جافا سكريت.


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

  • null إذا كان العنصر ليس له parent أب مثل عنصر document.
  • element إذا كان العنصر له parent مثل عنصر body.
JavaScript parentNode syntax

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

element.parentNode
هام
كائن document ليس له parent أب وفي هذة الحالة سوف مع استخدام parentNode مع document يتم إرجاء القيمة null في لغة جافا سكريبت.

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

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

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

<html>
<head>
    <title>JavaScript parentNode</title>
</head>
<body>
<h1 id="h1">JavaScript parentNode</h1>
<p>from CloseTag parentNode</p>
<script>
  let h1 = document.getElementById('h1');
  /* check console*/
  console.log(h1.parentNode)
</script>
</body>
</html>
JavaScript parentNode result

النتيجة التي تم إرجاعها من دالة parentNode لعنصر h1 وهو عنصر body بالكامل.

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