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