سمة children للعنصر HTML DOM

التعريف والاستخدام

children سمة تعود بـ مجموعة النود الفرعية للعنصر.

children سمة تعود بـ HTMLCollection.

انظر أيضًا:

سمة firstElementChild

سمة lastElementChild

سمة nextElementSibling

سمة previousElementSibling

سمة childElementCount

سمة childNodes

نود HTML العنصرية

في HTML DOMفي (نموذج وثيقة الويب)، وثيقة HTML هي مجموعة من النود (لديها أو ليس لديها نود فرعية).

النوديعني نود العنصرية، نود النصوص، ونود التعليقية.

العنصرالفراغ بينها هو نود النصوص أيضًا.

بينما العنصر هو نود العنصرية فقط.

النود الفرعية والنود العنصرية

childNodes العودةالنود الفرعية(نود العنصرية، نود النصوص، ونود التعليقية).

children العودةالنود الفرعيةوليس النصوص والتعليقات النود (نود النصوص والنود العنصرية والنود التعليقية).

الأشقاء والأشقاء العناصر

الأخوةهما 'الأخوة' و 'الأخوات'.

الأخوةهي العقد الذين يمتلكون نفس العنصر الأم (في نفس childNodes القائمة).

الأخوة العناصرهي عناصر تمتلك نفس العنصر الأم (في نفس children القائمة).

مثال

مثال 1

الحصول على مجموعة أطفال عناصر <body>:

const collection = document.body.children;

تجربة شخصية

مثال 2

عدد أطفال "myDIV":

let count = document.getElementById("myDIV").children.length;

تجربة شخصية

مثال 3

تغيير لون الخلفية للطفل الثاني لـ "myDIV":

const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";

تجربة شخصية

مثال 4

الحصول على نص الطفل الثالث لـ <select> (الاسم المبرمج 2):

const collection = document.getElementById("mySelect").children[2].text;

تجربة شخصية

مثال 5

استكشاف جميع أطفال <body> وتغيير لون خلفيتهم:

const collection = document.body.children;
for (let i = 0; i < collecton.length; i++) {
  collection[i].style.backgroundColor = "red";
}

تجربة شخصية

القواعد

element.children

القيمة المعدلة

النوع الوصف
الجسم

مثل HTMLCollection.

مجموعة عناصر العقدة.

تتم ترتيب العناصر بناءً على ظهورها في المستند.

دعم المتصفحات

element.children هي خاصية مستوى DOM 1 (1998).

جميع المتصفحات تدعمها بشكل كامل:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم