JavaScript 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;
برای (i = 0; i < myCollection.length; i++) {
    myCollection[i].style.backgroundColor = "red";
}

به طور مستقیم امتحان کنید

HTMLCollection آرایه نیست!

HTMLCollection ممکن است شبیه آرایه به نظر برسد، اما آرایه نیست.

شما می‌توانید لیست را با استفاده از ارجاع عددی به عناصر جستجو کنید (مثل آرایه).

اما، شما نمی‌توانید روش‌های آرایه را بر روی HTMLCollection استفاده کنید، مانند valueOf()وpop()وpush() یا join().