JavaScript

Child Elements

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

التاريخ

13 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

780

المواضيع

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;
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات