انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 63
دورة جافا سكريبت

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

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

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
2
الأمثلة
2
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
2,667
محتوى الدرس
في هذا الدرس 2تصفّح المواضيع

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

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


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

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


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

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

JavaScript childNodes syntax

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

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

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

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

JavaScript childNodes example

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

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

Result from console

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…