کاربرد HTML DOM (یا : HTML Document Object Model)، در JavaScript

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

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

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

کاربرد HTML DOM (یا : HTML Document Object Model)، در JavaScript

بنابراین با استفاده از این شیء ها (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) جدیدی را در صفحه بسازد

منابع و لینک های مفید

https://www.w3schools.com/js/js_htmldom.asp

دسته بندی مباحث عمومی، در JavaScript

نویسنده علیرضا گلمکانی

شماره کلید 26286

گزینه ها

به اشتراک گذاری (Share) در شبکه های اجتماعی

FaceBook Twitter Digg Reddit LinkedIn Pinterest StumbleUpon

نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)