خاصية HTML DOM length
مثال
اكتشف عدد العناصر <p> الموجودة في المستند:
var nodelist = document.getElementsByTagName("P").length;
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
ترجع خاصية length عدد العقد في كائن NodeList.
مجموعة العقد التابعة لكائن العقدة هي مثال على كائن NodeList.
تكون خاصية length مفيدة عندما تريد إجراء تكرار خلال العقد في قائمة العقد (راجع "مزيد من الأمثلة" أدناه).
هذه الخاصيه للقراؤه فقط.
تلميح: استخدم طريقة item () لإرجاع عقدة في الفهرس المحدد في كائن NodeList.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
nodelist.length
تفاصيل تقنية
قيمة الإرجاع: | رقم يمثل عدد العقد في قائمة العقدة |
---|---|
إصدار DOM | كائن Nodelist من المستوى الأول |
مزيد من الأمثلة
مثال
اكتشف عدد العناصر <p> الموجودة داخل عنصر <div>:
var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
مثال
قم بالتكرار خلال جميع عناصر <p> داخل عنصر <div> ، وقم بتغيير لون الخلفية لكل <p>:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
مثال
قم بإرجاع عدد العقد الفرعية للعنصر <body>:
var nodelist = document.body.childNodes.length;
مثال
قم بعمل حلقة خلال العقد الفرعية لـ <body> وأخرج اسم العقدة لكل عقدة فرعية:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
الصفحات ذات الصلة
مرجع HTML DOM: طريقة nodelist .item ()
مرجع DOM HTML: خاصية element .childNodes
مرجع HTML DOM: طريقة element .getElementsByClassName ()
مرجع HTML DOM: طريقة element .getElementsByTagName ()
مرجع HTML DOM: طريقة element .querySelectorAll ()
مرجع HTML DOM: طريقة document.getElementsByClassName ()
مرجع HTML DOM: طريقة document.getElementsByName ()
مرجع HTML DOM: طريقة document.getElementsByTagName ()
مرجع HTML DOM: طريقة document.querySelectorAll ()