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


منابع آموزشی[ویرایش]