تبلیغات

مدل DOM در جاوا اسکریپت – مقدمه

فرض کنید می خوایم با کد جاوا اسکریپت روی یک دکمه کلیک کنیم! یا رنگ یه نوشترو عوض کنیم و … که مدل DOM واسه این کاره 🙂 درضمن اصطلاحی که دیدم بین دوستان رایج شده واسه این کار گت المنته 😀
جاوا اسکریپت با استفاده از مدل DOM، می تونه به تمام عناصر یک صفحه HTML دسترسی داشته باشه.
زمانی که یک صفحه وب بارگذاری می شه، مرورگر از اون صفحه، یک مدل شیء گرا (Document Object Model) ایجاد می کنه.
مدل DOM یک ساختار درختی از اشیاء موجود در صفحه HTML می سازه:

pic_htmltreeجاوااسکریپت با استفاده از مدل شیء گرای DOM، یک صفحه HTML داینامیک یا پویا ایجاد می کنه:
جاوااسکریپت می تونه، تمام عناصر یک صفحه HTML رو تغییر بده.
جاوااسکریپت می تونه، تمام خصوصیات عناصر یک صفحه HTML رو تغییر بده.
جاوااسکریپت می تونه، تمام سبک های CSS یک صفحه HTML رو تغییر بده.
جاوااسکریپت می تونه، به تمام رویدادهای یک صفحه HTML واکنش نشون بده.

تعریف ساده عناصر یا المنت ها: خب هر تگی از اول تا آخر خودش یه عنصره 🙂 همین 😀
مثلا: <a href=”fullkade.com”>FULLKADE</a>


پیدا کردن عناصر HTML
خیلی اوقات می خواین یا دوس دارین یا هرچی :D، با جاوااسکریپت، عناصر HTML رو دستکاری کنین. 😀
برای انجام این کار، ابتدا باید عنصر مورد نظرو پیدا کنید. برای دسترسی به عنصر، راه های مختلفی وجود داره:
پیدا کردن عنصر از طریق id
پیدا کردن عنصر، از طریق نام عنصر
پیدا کردن عنصر، از طریق نام class
پیدا کردن عنصر از طریق ویژگی هاش و …

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

تبلیغات

پاسخ دهید

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

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