English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

خصائص childNodes في DOM HTML

مفهوم HTML DOM Element

childNodesخصائص غير قابلة للتعديل تعود مجموعة العقدة الفرعية للعنصر المحدد، حيث يكون الرقم التسلسلي للعقدة الفرعية الأولى هو 0.

العقدة في المجموعة مرتبة وفقًا للترتيب الذي يظهر بهم في الكود المصدر، يمكنك الوصول إليهم من خلال الرقم التسلسلي.

استخدم خاصية length لتحديد عدد العقدة الفرعية، ثم يمكنك مرور جميع العقدة الفرعية واستخراج المعلومات المطلوبة.

الفراغات في العناصر تعتبر نصاً، والنص يعتبر عقدة. التعليقات تعتبر أيضًا عقدات.

للحصول على مجموعة من العناصر فقط (لا تشمل العناصر النصية والتعليقات)، استخدمchildrenخصائص.

النودإذا كانت .childNodes[0] تنتج نفس النتيجةfirstChildخصائص.

النحو:

node.childNodes
var list = document.body.childNodes;
اختبار رؤية‹/›

توافق المتصفحات

جميع المتصفحات يدعمون كامل خاصية childNodes:

خصائص
childNodesنعمنعمنعمنعمنعم

تفاصيل تقنية

القيمة المعدة:مثل NodeList، يمثل مجموعة من العناصر
إصدار DOM:مستوى DOM 1

مزيد من الأمثلة

اكتشاف عدد الأطفال لدى عنصر DIV:

var len = document.querySelector("div").childNodes.length;
اختبار رؤية‹/›

تغيير لون الخلفية للطفل الثاني (الواقع 1) لمكون DIV:

var nodes = document.querySelector("div").childNodes;
nodes[1].style.backgroundColor = "coral";
اختبار رؤية‹/›

مراجع ذات صلة

مرجع HTML DOMالنود خصائص .firstChild

مرجع HTML DOMالنودخصائص .lastChild

مرجع HTML DOMالنودخصائص .parentNode

مرجع HTML DOMالنودخصائص .nextSibling

مرجع HTML DOMالنودخصائص .previousSibling

مرجع HTML DOMالنودخصائص .nodeName

مفهوم HTML DOM Element