در مطالب قبلی در مورد مدل DOM در زبان برنامه نویسیHTML صحبت کردیم و با این مفهوم آشنا شدیم. و فهمیدیم که DOM یک شیوه یا مدل استاندارد ، برای دسترسی به کلیه عناصر درون یک سند HTML را ارائه می دهد.در این آموزش چگونگی عملکرد آن را مورد بررسی قرار خواهیم داد.

مدل DOM برای دسترستی به اشیا و عناصر موجود در یک صفحه HTML ، از یک درخت سلسله مراتبی استفاده می کند . این درخت از شی Window به عنوان عنصر مادر یک صفحه HTML شروع شده و به ترتیب به عناصر رده پایین تر ادامه می یابد، تا به پایین ترین رده عناصر یعنی متن و نوشته برسد . شکل ۱ یک نمای کلی را از درخت سلسله مراتب در مدل DOM را نشان می دهد :

Dom_Model

 

تصویر ۱-نمای کلی مدل سلسله مراتبی DOM 

در این مدل شی Window به عنوان شی اصلی و مادر یک سند HTML محسوب می شود . این شی دارای ۳ زیر شاخه یا فرزند اصلی ، به نام های document , history و location است .
شی document شامل محتوی اصلی یک صفحه HTML بوده و در برگیرنده کلیه عناصر از قبل متن ، نوشته و … که به وسیله تگ های HTML ایجاد شده اند ، می باشد . این شی دارای ۲ زیر شاخه اصلی به نام head و body است . این دو شی نیز به نوبه خود دارای زیر شاخه های دیگر هستند .
شی location در برگیرنده اطلاعات کلی درباره URL یا آدرس اینترتی صفحه می باشد .
شی history نیز شامل آرایه ای از صفحات و URL هایی است که کاربر توسط مرورگر از هنگام بازشدن آن مرور کرده است ، می باشد .