٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

مجموعه های DOM

شی HTML HTMLCollection getElementsByTagName()روش یک گرداند HTMLCollectionشی. یک HTMLCollectionشی an یک لیست آرایه مانند (مجموعه) از عناصر HTML است. کد زیر همه <p>عناصر موجود در یک سند را انتخاب می کند : مثال const myCollection = document.getElementsByTagName("p"); عناصر موجود در مجموعه با یک شماره شاخص قابل…

محمد یوسفی

29 جولای 2021

شی HTML HTMLCollection

getElementsByTagName()روش یک گرداند HTMLCollectionشی.

یک HTMLCollectionشی an یک لیست آرایه مانند (مجموعه) از عناصر 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";
}

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

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

می توانید لیست را مرور کرده و به عناصر دارای عدد (دقیقاً مانند یک آرایه) مراجعه کنید.

با این وجود ، نمی توانید از روش های آرایه ای مانند مقدارOf () ، pop () ، push () یا join () در HTMLCollection استفاده کنید.

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها