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