مجموعات JavaScript H TML DOM
كائن مجموعة HTML
تقوم getElementsByTagName()
الطريقة بإرجاع HTMLCollection
كائن.
الكائن عبارة HTMLCollection
عن قائمة (مجموعة) تشبه مصفوفة من عناصر HTML.
يحدد الكود التالي جميع <p>
العناصر في المستند:
مثال
const myCollection = document.getElementsByTagName("p");
يمكن الوصول إلى العناصر الموجودة في المجموعة بواسطة رقم فهرس.
للوصول إلى العنصر <p> الثاني يمكنك كتابة:
myCollection[1]
ملاحظة: يبدأ الفهرس من 0.
طول مجموعة HTML HTML
تحدد الخاصية عدد length
العناصر في HTMLCollection
:
مثال
myCollection.length
تكون length
الخاصية مفيدة عندما تريد المرور عبر العناصر في مجموعة:
مثال
قم بتغيير لون النص لجميع عناصر <p>:
const myCollection = document.getElementsByTagName("p");
for (let i = 0; i < myCollection.length; i++) {
myCollection[i].style.color = "red";
}
مجموعة HTML ليست مصفوفة!
قد تبدو مجموعة HTML مثل مصفوفة ، لكنها ليست كذلك.
يمكنك تكرار القائمة والإشارة إلى العناصر برقم (تمامًا مثل المصفوفة).
ومع ذلك ، لا يمكنك استخدام طرق مصفوفة مثل valueOf () أو pop () أو push () أو Join () في مجموعة HTMLCollection.