شی 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 استفاده کنید.