قائمة بالكائنات المتفرعة من الأب داخل شجرة Dom في لغة جافا سكريبت.
كائن واحد فقط محدد في حال تحديد [0]index number childNodes.
null في حال عدم وجود كائنات فرعية متفرعه من أب داخل شجرة Dom في لغة جافا سكريبت.

JavaScript childNodes syntax

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

parentElement.childNodes
/* or */
parentElement.childNodes[0]

هام

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

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

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

JavaScript childNodes example

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

<html>
<head>
    <title>JavaScript childNodes</title>
</head>
<body>
<h1 id="h1">JavaScript childNodes</h1>
<p>from CloseTag childNodes</p>
<script>
  /* check console*/
  /* childNodes get all nodes*/
  console.log(document.body.childNodes)
  /* childNodes[1] -> get h1 element */
  console.log(document.body.childNodes[1])
</script>
</body>
</html>

جربها بنفسك

Result from console

معلومات تهمك

لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.

عدد المشاركات

التالى

CLOSETAG

منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

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

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات JavaScript childNodes Method JavaScript