HTML DOM در جاوا اسکریپت

از ویکی کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
JavaScript-menu.png
موارد آموزشی
فرم‌ها در جاوا اسکریپت
تعریف شیء در جاوا اسکریپت
تابع در جاوا اسکریپت
HTML DOM در جاوا اسکریپت
۱معرفی DOM
۲متدهای DOM
۳اسناد DOM
۴عناصر HTML DOM
۵DOM HTML
۶DOM CSS
۷انیمیشن DOM
۸رویدادها در DOM
۹شنوندهٔ رویداد در DOM
۱۰پیمایش در DOM
۱۱عناصر HTML DOM (گره‌ها)
۱۲مجموعه‌های DOM
۱۳لیست گره‌ها در DOM
Browser BOM در جاوا اسکریپت
AJAX در جاوا اسکریپت
JSON در جاوا اسکریپت
جی‌کوئری در برابر جاوا اسکریپت
مثال‌های جاوا اسکریپت
مرجع جاوا اسکریپت

HTML DOM در جاوا اسکریپت

با HTML DOM، جاوا اسکریپت می‌تواند به عناصر یک سند HTML دسترسی پیدا کند و تمامی آن عناصر را تغییر دهد.[۱]

HTML DOM یا Document Object Model

زمانی که یک صفحه وب بارگذاری می‌شود، مرورگر یک Document Object Model از صفحه می‌سازد.

مدل HTML DOM از درختی از اشیاء تشکیل شده‌است:
درخت اشیاء HTML DOM

با مدل شیء (به انگلیسی: object model)، جاوا اسکریپت قدرت لازمه را برای ساخت یک صفحه HTML پویا بدست می‌آورد:

  • جاوا اسکریپت می‌تواند تمامی عناصر HTML در یک صفحه را تغییر بدهد.
  • جاوا اسکریپت می‌تواند تمامی خواص یا attributeها را در یک صفحه تغییر دهد.
  • جاوا اسکریپت می‌تواند تمامی استایل‌های CSS در یک صفحه را تغییر دهد.
  • جاوا اسکریپت می‌تواند یک عنصر HTML را به همراه خواص یا attributesهایش حذف کند.
  • جاوا اسکریپت می‌تواند عناصر جدید HTML و خواص یا attributeهای جدید اضافه کند.
  • جاوا اسکریپت می‌تواند با تمامی رویدادهای موجود در یک صفحه HTML واکنش داشته باشد.
  • جاوا اسکریپت می‌تواند رویدادهای جدید HTML در یک صفحه ایجاد کند.

چه چیزی شما یاد خواهید گرفت

در فصل‌های آینده این آموزش شما موارد زیر را خواهید آموخت:

  • چگونه محتوای عناصر HTML را تغییر دهیم
  • چگونه استایل (CSS) یک عنصر HTML را تغییر دهیم
  • چگونه می‌توان به رویدادهای HTML DOM واکنش نشان داد
  • چگونه عناصر HTML را اضافه و حذف کنیم؟

DOM چیست؟

DOM یک W3C یا استاندارد (کنسرسیوم جهانی وب گسترده) است.

DOM یک استاندارد برای دسترسی به سندها تعریف می‌کند:

«W3C Document Object Model یا DOM، یک پلتفرم و یک رابط مستقل از زبان است که اجازه می‌دهد برنامه‌ها و اسکریپت‌ها به صورت پویا به ساختار و استایل یک سند دسترسی داشته باشند و محتوای آن را بروز کنند.»

استاندارد W3C DOM به ۳ بخش مختلف تقسیم می‌شود:

  • هسته DOM (به انگلیسی: Core DOM) - مدل استاندارد برای هر تمامی نوع‌های سند.
  • XML DOM - مدل استاندارد برای سندهای XML.
  • HTML DOM - مدل استاندارد برای سندهای HTML.

HTML DOM چیست؟

HTML DOM یک مدل object استاندارد و یک رابط برنامه‌نویسی برای HTML است. این مدل موارد زیر را تعریف می‌کند:

  • عناصر HTML، اشیاء هستند
  • تمامی ویژگی‌های تمام عناصر HTML
  • متدهایی برای دسترسی به تمام عناصر HTML
  • رویدادهایی برای تمام عناصر HTML

به عبارتی دیگر: HTML DOM یک استاندارد برای نحوه دریافت، تغییر، اضافه کردن یا حذف عناصر HTML است.


منابع آموزشی