مجموعه شی جاوااسکریپت

روش ()getElementsByTagName یک شیء HTM را برمیگرداند
یک شیء HTMLCollection یک لیست آرایه (مجموعه) از عناصر HTML است.
کد زیر تمام عناصر <p> در یک سند را انتخاب می کند:

عناصر موجود در مجموعه را می توان با شماره عدد مشاهده کرد.
برای دسترسی به عنصر <p> دوم که می توانید مانند مثال بنویسید:

 y = x[1]; 

توجه: شاخص از 0 شروع می شود.

طول مجموعه HTML

خصوصیات طول تعداد عناصر در مجموعه HTMLCollection را تعریف می کند:

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

توضیح مثال:

1- مجموعه ای از تمام عناصر <p> را ایجاد کنید

2-  طول مجموعه را نمایش دهید
خصوصیات طول زمانی مفید است که شما می خواهید از طریق عناصر یک مجموعه حلقه کنید:

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

HTMLCollection یک آرایه نیست!

یک مجموعه HTMLCollection ممکن است مانند آرایه شبیه باشد، اما این نیست.
شما می توانید از طریق لیست حلقه کنید و به عناصر با یک عدد (مثل یک آرایه) مراجعه کنید.
با این حال، شما نمیتوانید از روشهای آرایه مانند valueOf ()، pop ()، push () یا ()join در یک مجموعه HTMLColi استفاده کنید.