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 است.


منابع آموزشی