تبلیغات

جاوا اسکریپت – مدل DOM – گت المنت

جاوا اسکریپت - مدل DOM - گت المنت

وقتی سخت از المنت که به معنای عنصر می شود و حرف از گت المنت به وسط می آید، منظور گرفتن عناصر HTML در جاوااسکریپت و اعمال عملیاتی بر روی آن هاست.

عناصری مثل یک تگ خاص با یک آیدی خاص یا با یک نام خاص و …

میخواهیم در این پست به نحوه گت المنت در جاوااسکریپت بپردازیم.

گرفتن عنصر با id

ساده ترین راه گرفتن عناصر، استفاده از آیدی می باشد. اگر عنصر مورد نظر دارای آیدی باشد، به این روش می توان آن را گرفت.

پس متد getElementById در شی document که اشاره به سند جاری دارد، المنتی را با دادن آِدی آن بر میگرداند.

حال چه کارهایی می توانیم برروی این المنت انجام دهیم را در پست های آینده بررسی خواهیم کرد.


گرفتن عناصر با یک تگ

در این روش ما تمام عناصری را که دارای فلان تگ می باشند می گیریم، به عبارتی گرفتن عناصر با نام تگ بهش می گیم.

دقت کنید که در این روش ما یه عنصر رو نمی گیریم بلکه یه آرایه رو می گیریم.

در این مثال عناصر با تگ p رو گرفتیم و در داخل یه متغیری که تعریف کردیم ریختیم.


گرفتن عناصر با خصوصیت اسمشون

خب اینم مثل قبلی یدونه رو نمی گیره، و تمام تگ هایی که خاصیت name اونا با اونی که می گیم رو داشته باشن رو بر می گردونه.


گرفتن عناصر با خصوصیت کلاسشون

و در این جاهم مثل قبل عناصری که خصوصیت class اونا برابر با چیزی باشه که ما می گیم رو بهمون برمی گردونه.


خب به نظر میاد بتونیم بدون مشکل اون عنصری رو ک میخوایم انتخاب کنیم.

شاید فکرکنید اگه آیدی و اسم و کلاس نداشت چی؟ خب در اینصورت باید به کمک نام تگ و یه سری اصول دیگه، اون عنصری که میخوایم رو انتخابش کنیم.

و اما چگونه؟ با نحوه انجام همه این کارها در پست های بعدی مدل DOM آشنا خواهید شد

موفق و پیروز باشید

درس قبلی مقدمه مدل DOM
تبلیغات
0
کانال تلگرام فول کده
تبلیغات

درباره نویسنده

هادی اکبرزاده

[ مدیر فول کده ]

علاقه‌مند به اشتراک گذاری اطلاعات در هر زمینه‌ای / برنامه‌نویس / مدیر فول کده

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نظرات ثبت شده بدون دیدگاه