آموزش جاوا اسکریپت 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 است.

منبع