HTML DOM در JavaScript

HTML DOM در JavaScript

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

 

DOM اچ تی ام ال ( Document Object Model)

هنگامی که یک صفحه وب بارگذاری می شود، مرورگر یک داکیومنت از مدل آبجکت  صفحه را ایجاد میکند.

مدل HTML DOM مانند یک درخت اشیا ساخته می شود.

با object model جاوا اسکریپت می تواند به تمام قدرتی که برای ایجاد HTML  پویا نیاز دارد، دست یابد:

► JavaScript می تواند تمام عناصر HTML صفحه را تغییر دهید.

► جاوا اسکریپت می تواند تمام ویژگی های html موجود در صفحه را تغییر دهد.

► جاواسکریپت می تواند تمام استایل های CSS صفحه HTML را تغییر دهد.

► JavaScript می تواند عناصر و ویژگی های موجود را حذف نماید.

► JavaScript می تواند عناصر و ویژگی های جدیدی را اضافه کند.

► جاوا اسکریپت می تواند به تمام رویدادهای HTML موجود در صفحه واکنش نشان دهد.

► جاوا اسکریپت می تواند رویدادهای HTML جدیدی در صفحه ایجاد کند.

 

DOM چیست؟

DOM یک استاندارد W3C می باشد (World Wide Web Consortium).

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

"داکیومنت مدل شی در W3C، یک رابط پلت فرم و زبان بی طرف است که به برنامه ها و اسکریپت ها اجازه می دهد، بصورت دینامیک، به محتوا، ساختار و استایل داکیومنت دسترسی داشته باشند و آنها را به روز نمایند. "

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

► Core DOM : مدل استاندارد برای تمامی انواع داکیومنت ها

► XML DOM : مدل استاندارد برای اسناد XML

► HTML DOM : مدل استاندارد برای داکیومنت های HTML

 

HTML DOM چیست؟

HTML DOM، یک مدل شیء استاندارد و رابط کاربری برنامه نویسی برای HTML است که موارد زیر را تعریف می کند:

► عناصر HTML به عنوان اشیاء

► خصوصیات همه عناصر HTML

► متدهایی برای دسترسی به تمام عناصر HTML

► رویدادهای تمام عناصر HTML

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