ارجاع به شیء های صفحه HTML ، بر اساس مرتبه بندی شیء ها در صفحه HTML ، در JavaScript

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

در شکل زیر، HTML DOM (مخفف HTML Document Object Model ، به معنای مدل شیء های صفحه HTML) نمایش داده شده است :

همان طور که در شکل بالا مشاهده می کنید، در مرتبه اول، window می باشد، یعنی شیء window دارای بالاترین مرتبه است. سپس شیء document را داریم. بنابراین، شیء document ، بچه شیء window می باشد (child of window). سپس تمامی عناصر صفحه HTML که در صفحه نمایش داده می شوند، مثل فرم ها (forms)، جدول ها (tables)، لینک ها (links)، عکس ها (images) و ... ، بچه های شیء window می باشند. هر کدام از این شیء ها، می توانند بچه های خود را داشته باشند. مثلا یک شیء form ، دارای بچه های textboxes و radio buttons و .. می باشد.

برای دسترسی به یک شیء صفحه HTML ، باید بر اساس رتبه بندی شیء ها در صفحه، به آن اشاره کنیم. برای این منظور، شیء ها را به ترتیب اولویت، ذکر می کنیم و در بین آنها، علامت نقطه (.) قرار می دهیم. مثل عبارت زیر :

با کد بالا، به یک فرم (form) که دارای نام loginform است، اشاره کرده ایم.

شیوه دیگر اشاره به عنصر های صفحه، استفاده از علامت های ] و [ می باشد. مثلا به همان عنصر کد قبل، این بار به این صورت اشاره می کنیم :

اکنون فرض کنید که بخواهیم به اولین فرم یک صفحه، اشاره کنیم. کدهای زیر را می نویسیم :

و به شیوه دوم :