با HTML DOM ، JavaScript می تواند به تمام عناصر یک سند HTML دسترسی پیدا کرده و آنها را تغییر دهد.
HTML DOM (مدل شی Doc سند)
هنگامی که یک صفحه وب بارگذاری، مرورگر ایجاد یک D ocument O bject M odel صفحه.
مدل HTML DOM به عنوان درختی از اشیا ساخته شده است :
درخت اشیا HTML HTML DOM
با استفاده از مدل شی ، JavaScript تمام توان لازم برای ایجاد HTML پویا را بدست می آورد:
- JavaScript می تواند تمام عناصر HTML موجود در صفحه را تغییر دهد
- جاوا اسکریپت می تواند تمام صفات HTML را در صفحه تغییر دهد
- JavaScript می تواند تمام سبک های CSS موجود در صفحه را تغییر دهد
- JavaScript می تواند عناصر و ویژگی های HTML موجود را حذف کند
- JavaScript می تواند عناصر و ویژگی های جدید HTML را اضافه کند
- JavaScript می تواند به همه رویدادهای HTML موجود در صفحه واکنش نشان دهد
- JavaScript می تواند رویدادهای جدید HTML را در صفحه ایجاد کند
آنچه خواهید آموخت
در فصل های بعدی این آموزش می آموزید:
- نحوه تغییر محتوای عناصر HTML
- نحوه تغییر سبک (CSS) عناصر HTML
- چگونه می توان در برابر وقایع HTML DOM واکنش نشان داد
- نحوه افزودن و حذف عناصر HTML
DOM چیست؟
DOM استاندارد W3C (کنسرسیوم شبکه جهانی وب) است.
DOM استاندارد دسترسی به اسناد را تعریف می کند:
“W3C Document Object Model (DOM) یک پلت فرم و رابط خنثی از زبان است که به برنامه ها و اسکریپت ها اجازه می دهد به طور پویا به محتوا ، ساختار و سبک یک سند دسترسی پیدا کرده و آنها را به روز کنند.”
استاندارد W3C DOM به 3 قسمت مختلف تقسیم شده است:
- Core DOM – مدل استاندارد برای انواع سند
- XML DOM – مدل استاندارد برای اسناد XML
- HTML DOM – مدل استاندارد برای اسناد HTML
HTML DOM چیست؟
HTML DOM یک مدل شی استاندارد و رابط برنامه نویسی برای HTML است. این تعریف می کند:
- عناصر HTML به عنوان اشیا
- خواص از همه عناصر HTML
- روش برای دسترسی به تمام عناصر HTML
- حوادث برای همه عناصر HTML
به عبارت دیگر: HTML DOM استانداردی برای نحوه بدست آوردن ، تغییر ، افزودن یا حذف عناصر HTML است.