Document Object Model (DOM) คือโมเดลวัตถุของเอกสาร HTML ที่แสดงในหน้าต่างเบราว์เซอร์ อ็อบเจกต์ Document มีคุณสมบัติต่างๆ ที่อ้างถึงอ็อบเจกต์อื่นๆ ทำให้เข้าถึงและแก้ไขเนื้อหาเอกสารได้
อ็อบเจกต์จัดเรียงเป็นลำดับชั้น (Hierarchy) โครงสร้างนี้ใช้กับการจัดระเบียบอ็อบเจกต์ในเอกสารเว็บ
- Window object - ยอดเยี่ยมของลำดับชั้น องค์ประกอบสูงสุด
- Document object - แต่ละเอกสาร HTML ที่โหลดเข้า window จะกลายเป็น document object มีเนื้อหาหน้าเว็บ
- Form object - ทุกอย่างใน
<form>...</form>กลายเป็น form object - Form control elements - form object ประกอบด้วยทุก element ที่กำหนด เช่น text fields, buttons, radio buttons, checkboxes
DOM ทำให้ JavaScript สามารถเข้าถึง แก้ไข เพิ่ม ลบ องค์ประกอบ HTML และ CSS ได้แบบไดนามิก เป็นพื้นฐานของเว็บแอปพลิเคชันสมัยใหม่
