مثال
الحصول على مجموعة من <body> الأطفال العنصر:
var c =
document.body.children; انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
الخاصية الأطفال بإرجاع مجموعة من العناصر التابعة للعناصر، ككائن HTMLCollection.
يتم فرز العناصر في المجموعة كما تظهر في شفرة المصدر ويمكن الوصول إليها عن طريق الأرقام القياسية. يبدأ المؤشر عند 0.
نصيحة: يمكنك استخدام خاصية طول الكائن HTMLCollection لتحديد عدد من العناصر التابعة، ثم يمكنك حلقة من خلال جميع الأطفال واستخراج المعلومات التي تريدها.
الفرق بين هذا العقار و childNodes ، هو أن childNodes تحتوي على كافة العقد، بما في ذلك النص العقد والعقد التعليق، في حين أن الأطفال تحتوي فقط على العقد عنصر.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| children | 2.0 | 9.0 * | 3.5 | 4.0 | 10.0 |
* ملاحظة: يتم دعم الخاصية الأطفال بالكامل في IE6 إلى IE8. ومع ذلك، في هذه الإصدارات، فإنها ترجع العقد عنصر و العقد للتعليق. IE9 + يعود العقد عنصر فقط.
بناء الجملة
element .childrenتفاصيل تقنية
| قيمة الإرجاع: | كائن HTMLCollection الحية، التي تمثل مجموعة من العقد عنصر. يتم فرز العناصر في المجموعة عاد كما تظهر في التعليمات البرمجية المصدر |
|---|---|
| صفحة DOM | مستوى الأساسية 1 كائن العنصر |
مزيد من الأمثلة
مثال
معرفة عدد الأطفال <div> عنصر له:
var c =
document.getElementById("myDIV").children.length;ونتيجة لج أن يكون:
2 انها محاولة لنفسك » مثال
تغيير لون خلفية عنصر الطفل الثاني ل <div> العنصر:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow"; انها محاولة لنفسك » مثال
الحصول على نص العنصر الطفل الثالث (index 2) من <select> العنصر:
var c = document.getElementById("mySelect").children[2].text;ونتيجة لج أن يكون:
Saab انها محاولة لنفسك » مثال
حلقة من خلال جميع الأطفال من <body> وتغيير لون خلفيتها إلى اللون الأحمر:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++)
{
c[i].style.backgroundColor = "red";
} انها محاولة لنفسك » صفحات ذات صلة
HTML DOM إشارة: childNodes Property