بهطوریکه در پست قبلی نوشتم، جاوا اسکریپت از طریق مجموعهی اشیایی به نام مدل شیئی سند (DOM) با محتوای صفحهی وب ارتباط برقرار میکند.
و اما مدل شیئی سند چیست؟
بهطوریکه میدانیم، صفحهای که در مرورگر نمایش داده میشود، با زبان HTML تعریف میشود. HTML شامل مجموعهای از تگها است. بهعنوان مثال، برای تیتر سطح 1 از تگ H1 استفاده میشود. برای متن پررنگ از تگ B و برای متن ایتالیک از تگ I بهره گرفته میشود. و همینطور الی آخر. در واقع، صفحهی وب متشکل از سلسلهمراتبی از تگهای مختلف است که بهصورت تو در تو قرار گرفتهاند و محتوای صفحه را تعریف میکنند.
وقتی که صفحهی وب در مرورگر بار میشود، به ازای هر کدام از تگهای HTML یک شیء جاوا اسکریپت ایجاد میشود که به آن یک عنصر گفته میشود. مجموعهای این عناصر در داخل شیئی به نام سند قرار میگیرند، و به آنها مدل شیئی سند یا document object model گفته میشود که معمولاً بهصورت مخفف DOM گفته میشود.
در اسکریپتهای جاوا اسکریپت میتوانید با کار کردن بر روی این عناصر، محتوای صفحه را بهصورت پویا تغییر دهید و کارهای مختلفی بر روی صفحهی وب صورت دهید.