DOM معرفی (DOM Intro)
اینجا «معرفی DOM» را ساده می گوییم. DOM یعنی مدل شیءِ سند. مرورگر از صفحه HTML یک درختِ شیء می سازد. سپس جاوااسکریپت می تواند آن را بخواند و عوض کند.
DOM چیست؟
DOM یک استاندارد W3C است. DOM راهی استاندارد برای دسترسی و به روزرسانی محتوا، ساختار، و استایلِ سند می دهد.
- Core DOM: مدل استاندارد برای همه سندها.
- XML DOM: مدل استاندارد برای سندهای XML.
- HTML DOM: مدل استاندارد برای سندهای HTML.
HTML DOM یعنی چه؟
HTML DOM یک مدل شیء و یک رابط برنامه نویسی برای HTML است. عنصرها شیء هستند؛ ویژگی ها، متدها و رویدادها تعریف شده اند.
- عنصرهای HTML به صورت شیء دیده می شوند.
- ویژگی ها برای هر عنصر تعریف می شود.
- متدها برای دسترسی به عنصرها وجود دارد.
- رویدادها برای واکنش به اتفاق ها تعریف می شوند.
نتیجه: HTML DOM استاندارد گرفتن، تغییر، افزودن یا حذف عنصرهای HTML است.
با DOM چه کارهایی می شود کرد؟
- تغییر محتوای همه عنصرهای HTML.
- تغییر همه ویژگی های HTML.
- تغییر همه استایل های CSS.
- حذف عنصرها و ویژگی ها.
- افزودن عنصرها و ویژگی ها.
- واکنش به همه رویدادهای HTML.
- ایجاد رویدادهای جدید.
گام های عملی
- درک کن که صفحه یک درخت شیء است.
- تشخیص بده کدام عنصر باید تغییر کند.
- با متدهای DOM آن عنصر را به روزرسانی کن.
مطالعه بیشتر: معرفی DOM و روش ها و متدهای DOM.
جمع بندی سریع
- DOM درختِ شیءِ صفحه است.
- HTML DOM استاندارد کار با عنصرهاست.
- می توان محتوا، ویژگی و استایل را عوض کرد.
- رویدادها تعریف و مدیریت می شوند.