زبان برنامه نویسی JavaScript با استفاده از HTML DOM می تواند به همه عنصرهای (Element) سند HTML (انگلیسی : HTML Document) دسترسی داشته باشد و یا اینکه آنها را تغییر بدهد.

DOM مخفف Document Object Model (مدل شیء گرای سند) می باشد. هنگامی که مرورگر اینترنت (Browser) یک صفحه از وب سایت را بارگذاری می کند، یک Document Object Model از صفحه (Page) خواهد ساخت.

HTML DOM همانند یک درخت (Tree) از شیء ها (Object) می باشد :

بنابراین با استفاده از این شیء ها (Object)، زبان برنامه نویسی JavaScript این توانایی را خواهد داشت که صفحه HTML را به صورت پویا (dynamic) تغییر بدهد.

زبان برنامه نویسی JavaScript با استفاده از شیء های (Object) موجود در HTML DOM می تواند عملیات های زیر را انجام دهد :

*** JavaScript می تواند تمامی عنصرهای HTML (انگلیسی : HTML Element) موجود در صفحه را تغییر دهد

*** JavaScript می تواند تمامی مشخصه های HTML (انگلیسی : HTML Attribute) موجود در صفحه را تغییر دهد

*** JavaScript می تواند تمامی سبک های CSS (انگلیسی : CSS style) موجود در صفحه را تغییر دهد

*** JavaScript می تواند عنصرهای HTML (انگلیسی : HTML Element) و مشخصه های HTML (انگلیسی : HTML Attribute) موجود در صفحه را حذف کند

*** JavaScript می تواند عنصرهای HTML (انگلیسی : HTML Element) و مشخصه های HTML (انگلیسی : HTML Attribute) جدیدی را به صفحه اضافه نماید

*** JavaScript می تواند به رویدادهای HTML (انگلیسی : HTML Event) موجود در صفحه، واکنش نشان دهد (در هنگام رخ دادن آنها، عملیات هایی را اجرا کند)

*** JavaScript می تواند رویدادهای HTML (انگلیسی : HTML Event) جدیدی را در صفحه بسازد