عناصر HTML DOM العناصر الثانوية
كائن العنصرمثال
احصل على مجموعة من أطفال عنصر <body>:
const collection = document.body.children;
المزيد من الأمثلة أدناه.
التعريف والاستخدام
تقوم children
الخاصية بإرجاع مجموعة من العناصر الفرعية لعنصر ما.
تقوم children
الخاصية بإرجاع كائن HTMLCollection.
فرق
تقوم childNodes
الخاصية بإرجاع جميع العقد الفرعية ، بما في ذلك العقد النصية وعقد التعليق ، بينما تقوم children
الخاصية بإرجاع العناصر الفرعية فقط .
أنظر أيضا:
مجموعة HTML
مجموعة HTML هي مجموعة من عُقد HTML.
يمكن الوصول إلى العقد في مجموعة من خلال أرقام الفهرس. يبدأ الفهرس من 0.
ترجع خاصية length عدد العناصر في المجموعة.
بناء الجملة
element.children
قيمة الإرجاع
نوع | وصف |
هدف | كائن HTMLCollection. مجموعة عقد العنصر. يتم فرز العناصر كما تظهر في المستند. |
مزيد من الأمثلة
اكتشف عدد الأطفال الذين يمتلكهم عنصر <div>:
var c =
document.getElementById("myDIV").children.length;
غيّر لون خلفية العنصر الفرعي الثاني لعنصر <div>:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
احصل على نص العنصر الفرعي الثالث (الفهرس 2) لعنصر <select>:
var c = document.getElementById("mySelect").children[2].text;
مرر كل أطفال <body> وقم بتغيير لون الخلفية إلى اللون الأحمر:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
الصفحات ذات الصلة
مرجع HTML DOM: خاصية childNodes
دعم المتصفح
element.children
هي ميزة DOM المستوى 1 (1998).
إنه مدعوم بالكامل في جميع المتصفحات:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
كائن العنصر