مجموعات لغة جافا سكريبت HTML DOM

مثل HTMLCollection

getElementsByTagName() يستعيد الطريقة HTMLCollection الجسم.

مثل HTMLCollection هو قائمة عناصر HTML من نوع جماعي (مجموعة).

النص التالي يختار جميع عناصر <p> في المستند:

مثال

var x = document.getElementsByTagName("p");

يمكن الوصول إلى العناصر في المجموعة باستخدام الرقم المحدد للفهرس.

للوصول إلى العنصر الثاني من <p>، يمكنك كتابة:

y = x[1];

جرب بنفسك

التعليقات:النقطة الأساسية تبدأ من 0.

طول HTMLCollection

length تعريف الخاصية يحدد عدد العناصر في HTMLCollection:

مثال

var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myCollection.length;

جرب بنفسك

توضيح المثال:

  • إنشاء مجموعة لجميع عناصر <p>:
  • عرض طول المجموعة

length الميزات مفيدة عند الحاجة إلى تمرير عناصر في المجموعة:

مثال

تغيير لون الخلفية لجميع عناصر <p>:

var myCollection = document.getElementsByTagName("p");
var i;
for (i = 0; i < myCollection.length; i++) {
    myCollection[i].style.backgroundColor = "red";
}

جرب بنفسك

HTMLCollection ليست قائمة!

يبدو HTMLCollection مثل قائمة، لكنه ليس قائمة.

يمكنك تمرير القائمة من خلال العناصر عبر الاستدلال数字 (مثل قائمة).

لكن، لا يمكنك استخدام طرق قائمة الأرقام على HTMLCollection، مثل valueOf()،pop()،push() أو join().