جلسه ۸۲ : مجموعه ی عناصر HTML در جاوا اسکریپت

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن ، در فصل جاری از ابتدا به روش های مختلف دسترسی و تغییر عناصر HTML در جاوا اسکریپت پرداختیم. با این روش ها می توانید یک یا چند عنصر مشخص HTML را در جاوا اسکریپت انتخاب کرده و تغییرات لازم را در جاوا اسکریپت اعمال کنید. اما گاهی ممکن است شما بخواهید مجموعه ای از عناصر HTML را به عنوان مثال تگ های <P> را در جاوا اسکریپت انتخاب کرده و آن را تغییر دهید. این کار نیز در جاوا اسکریپت به سادگی با متد ()getElementsByTagName امکان پذیر می باشد، برای آشنایی با چگونگی دسترسی به مجموعه ای از عناصر HTML در جاوا اسکریپت در ادامه ی بحث جاری با ما همراه باشید.

دسترسی به مجموعه ای از عناصر HTML در جاوا اسکریپت

در ادامه دسترسی به مجموعه ای از عناصر HTML در جاوا اسکریپت و تغییر آن ها را به شما خواهیم آموخت.

آبجکت HTMLCollection

متد ()getElementsByTagName  یک آبجکت HTMLCollection را باز می گرداند.

یک آبجکت HTMLCollection یک لیست آرایه (مجموعه) از عناصر HTML است.

کد زیر تمام عناصر <p> در یک سند را انتخاب می کند:

سپس می توانید با index به هر یک از عناصر انتخاب شده دسترسی داشته باشید:

نکته : شماره گذاری index ها همیشه از ۰ شروع می شود.

طول مجموعه ها در HTMLCollection

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

مثال توضیح داد:

مجموعه ای از تمام عناصر <p> را ایجاد کنید.
طول مجموعه را نمایش دهید.
خصوصیات طول زمانی مفید است که شما می خواهید از طریق عناصر یک مجموعه حلقه کنید:

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

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

شما می توانید از طریق یک حلقه ی تکرار به عناصر مجموعه با یک عدد (مثل یک آرایه) مراجعه کنید.

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

کلام آخر

تاکنون در بخش های پیشین فصل جاری روش هایی را ارائه کردیم که در جاوا اسکریپت امکان دسترسی به عناصر مشخصی را در html فراهم می کرد، اما در این مبحث چگونگی دسترسی به مجموعه ای از عناصر HTML در جاوا اسکریپت را نیز بررسی کردیم، تا در این خصوص نیز مشکلی نداشته باشید.