خصائص childNodes DOM Element HTML

  • الصفحة السابقة
  • الصفحة التالية
  • العودة إلى الطبقة السابقة مثلث HTML DOM Elements

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

childNodes الخصائص تعود بمجموعة العناصر الفرعية (قائمة).

childNodes الخصائص التي تعود هي NodeList.

childNodes الخصائص قابلة للقراءة فقط.

childNodes[0] مثل firstChild.

إشارة

childNodes العناصر التي تعود هي: عناصر العنصر، عناصر النص، وعناصر التعليق.

البيانات بين العناصر هي أيضًا عناصر نصية.

حلول بديلة:

خاصية children - الأطفال الخصائص تعود بالعناصر الفرعية (تتجاهل النصوص والتعليقات).

انظر أيضًا:

خاصية firstChild

خاصية lastChild

خاصية nextSibling

خاصية previousSibling

طريقة hasChildNodes()

خصائص العنصر

خاصية parentNode

خاصية nodeName

نوع العقدة

نصوص العقدة

عناصر HTML مع العناصر

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

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

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

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

العقدود مع العناصر الابنية

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

الأطفال يعودالعناصر الابنيةوليس العقدود النصية والتعليقات.

الأخوة مع الأخوة العناصر

الأخوةهي "الأخوة" و"الأخوات".

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

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

مثال

مثال 1

الحصول على عقدود العنصر <body>:

const nodeList = document.body.childNodes;

جرب بنفسك

مثال 2

الحصول على عدد العقدود في "myDIV":

let numb = document.getElementById("myDIV").childNodes.length;

جرب بنفسك

مثال 3

تغيير لون الخلفية للثاني عشر من العقدود:

element.childNodes[1].style.backgroundColor = "yellow";

جرب بنفسك

مثال 4

الحصول على نص الثالث لـ <select> العنصر:

let text = document.getElementById("mySelect").childNodes[2].text;

جرب بنفسك

النص

element.childNodes

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

النوع الوصف
العدد

مجموعة العقدود NodeList.

يتم ترتيب العقدود وفقًا للترتيب الذي يظهر بهم في المستند.

دعم المتصفح

element.childNodes هي خاصية DOM Level 1 (1998).

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم
  • الصفحة السابقة
  • الصفحة التالية
  • العودة إلى الطبقة السابقة مثلث HTML DOM Elements