زمانی که یک صفحه ی وب بارگذاری می شود ، مرورگر از آن صفحه، یک مدل شیء گرا (Document Object Model) ایجاد می کند. مدل DOM یک ساختار درختی از اشیاء موجود در صفحه HTML می سازد:

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

پیدا کردن عناصر HTML

خیلی اوقات می خواهید، با جاوا اسکریپت عناصر HTML را دستکاری کنید.

برای انجام این کار، ابتدا باید عنصر مورد نظر را پیدا کنید. برای دسترسی به عنصر، راه های مختلفی وجود دارد:

  • پیدا کردن عنصر از طریق id
  • پیدا کردن عنصر، از طریق نام عنصر
  • پیدا کردن عنصر، از طریق نام class

دوستان مبحث دام مواردی زیادی رو در بر میگیره که بنده سعی کردم اون رو به طور خیلی خلاصه توضیح بدم.اما برای بیشتر آشنا شدن میتونید به لینک های زیر مراجعه کنید:

https://www.w3schools.com/js/js_htmldom.asp

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction

No comment

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

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