Child Elements
في هذا الدرس سوف نتعرف علي مجموعة من الخصائص التي تمكننا من التعامل مع العناصر الفرعية child elements
التاريخ
13 نوفمبر 2021
الدروس
146
المستوى
العامة
اللغة
انجليزي
المشاهدات
1066
المواضيع
24
الشروحات chevron_left Child Elements chevron_left JavaScript
Child Elements
</> childElementCount add_circle_outline
- childElementCount : هي عبارة عن خاصية تستخدم في تحديد عدد العناصر الفرعية لعنصر معين
- القيمة المرجعة من الخاصية تصف عدد العناصر الفرعية للعنصر المحدد وليس جميع العناصر الفرعية
Example
var c = document.getElementById("myDIV").childElementCount; document.getElementById("demo").innerHTML = c;
</> childNodes add_circle_outline
- childNodes : هي عبارة عن خاصية تستخدم في الوصول الي جميع العناصر الفرعية الخاصة بعنصر معين
- يتم اعتبار العنصر الذي يحتوي علي المسافات الفارغة الموجودة ك node
- يتم اعتبار التعليقات ك node
- يمكنك استخدام الخاصية " length " مع الخاصية " childNodes " في معرفة عدد العناصر الفرعية لعنصر ما
- يمكننا الوصول الي عنصر فرعي childNode معين عن طريق رقم الفهرس index الخاص به , مع العلم ان ال index الخاص بأول عنصر هو " 0 "
Length Example
var c = document.getElementById("myDIV").childNodes.length;
Index Example
var c = document.getElementById("mySelect").childNodes; document.getElementById("demo").innerHTML = c[0].text;
</> children add_circle_outline
خاصية children تستخدم في أرجاع مجموعة عناصر HTML تتكون من العناصر الفرعية الخاصة بعنصر معين كما ا&ننا يمكننا الوصول الي عنصر معين من هذه العناصر عن طريق الفهرس index
الأختلاف بين " childNodes " و " children " هو أن "childNodes" تصنف كل من "السافات الفارغة والتعليقات " ك node بينما ال "children " تتجاهلهم
خاصية "children" هي خاصية للقراءة فقط
var count = document.getElementById("parent").children.length; document.getElementById("p").innerHTML = "No of Children: " + count;
لديك استفسار ؟
يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.