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

Child Elements

في هذا الدرس سوف نتعرف علي مجموعة من الخصائص التي تمكننا من التعامل مع العناصر الفرعية child elements 

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

childElementCount

  • childElementCount : هي عبارة عن خاصية تستخدم في تحديد عدد العناصر الفرعية لعنصر معين 
  • القيمة المرجعة من الخاصية تصف عدد العناصر الفرعية للعنصر المحدد وليس جميع العناصر الفرعية 

Syntax

HTML 
node.childElementCount

Example

HTML 
var c = document.getElementById("myDIV").childElementCount;
  document.getElementById("demo").innerHTML = c;
جرّب بنفسك

childNodes

  • childNodes : هي عبارة عن خاصية تستخدم في الوصول الي جميع العناصر الفرعية الخاصة بعنصر معين 
  • يتم اعتبار العنصر الذي يحتوي علي المسافات الفارغة الموجودة ك node 
  • يتم اعتبار التعليقات ك node
  • يمكنك استخدام الخاصية " length " مع الخاصية " childNodes " في معرفة عدد العناصر الفرعية لعنصر ما 
  • يمكننا الوصول الي عنصر فرعي childNode معين عن طريق رقم الفهرس index الخاص به , مع العلم ان ال index الخاص بأول عنصر هو " 0 "

Syntax

HTML 
element.childNodes

Length Example

HTML 
var c = document.getElementById("myDIV").childNodes.length;
جرّب بنفسك

Index Example

HTML 
var c = document.getElementById("mySelect").childNodes;
  document.getElementById("demo").innerHTML = c[2].text;
جرّب بنفسك

children

خاصية children تستخدم في أرجاع مجموعة عناصر HTML تتكون من العناصر الفرعية الخاصة بعنصر معين كما ا&ننا يمكننا الوصول الي عنصر معين من هذه العناصر عن طريق الفهرس index 

الأختلاف بين " childNodes " و " children " هو أن "childNodes" تصنف كل من "السافات الفارغة والتعليقات " ك node بينما ال "children " تتجاهلهم 

خاصية "children" هي خاصية للقراءة فقط 

HTML 
var count =
document.getElementById("parent").children.length;

document.getElementById("p").innerHTML =
"No of Children: " + count;
جرّب بنفسك

مشاركة

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

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