خصائص length في NodeList HTML DOM

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

خصائص length تعود بناءً على عدد العناصر في NodeList.

خصائص length غير قابلة للتعديل.

مثال

مثال 1

الحصول على عدد أطفال العنصر في المستند:

const nodeList = document.body.childNodes;
let number = nodeList.length;

جرب بنفسك

مثال 2

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

const nodeList = document.body.childNodes;

جرب بنفسك

مثال 3

الحصول على عدد العناصر الفرعية في "myDIV":

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

جرب بنفسك

مثال 4

عدد عناصر <p> في "myDIV":

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

جرب بنفسك

مثال 5

استعراض جميع عناصر <p> في "myDIV" وتغيير حجم الخط الخاصة بها:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
للأسفل for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

جرب بنفسك

مثال 6

استعرض جميع العناصر الفرعية وجمع كل اسم عنصر:

const list = document.body.childNodes;
let text = "";
للأسفل for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

جرب بنفسك

النص

nodelist.length

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

النوع الوصف
رقم عدد العناصر في NodeList.

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

nodelist.length هي خاصية DOM Level 1 (1998).

جميع المتصفحات الحديثة تدعمها:

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

الصفحات ذات الصلة

طريقة entries()

طريقة forEach()

طريقة item()

طريقة keys()

طريقة values()

مفهوم NodeList

طريقة childNodes()

طريقة querySelectorAll()

طريقة getElementsByName()