ال كائن المستند يمثل وثيقة HTML بأكملها.
عندما يتم تحميل مستند html في المتصفح، فإنه يصبح كائن مستند. انها العنصر الجذري الذي يمثل وثيقة HTML. ولها خصائص وأساليب. بمساعدة كائن المستند، يمكننا إضافة محتوى ديناميكي إلى صفحة الويب الخاصة بنا.
كما ذكرنا سابقًا، فهو كائن النافذة. لذا
window.document
هو نفس
document
وفقًا لـ W3C - 'إن نموذج كائن مستند W3C (DOM) عبارة عن منصة وواجهة محايدة للغة تسمح للبرامج والبرامج النصية بالوصول ديناميكيًا إلى محتوى المستند وبنيته ونمطه وتحديثه.'
خصائص كائن الوثيقة
دعونا نرى خصائص كائن المستند التي يمكن الوصول إليها وتعديلها بواسطة كائن المستند. 
طرق كائن الوثيقة
يمكننا الوصول إلى محتويات المستند وتغييرها من خلال طرقه.
الطرق المهمة لكائن المستند هي كما يلي:
| طريقة | وصف |
|---|---|
| اكتب ('سلسلة') | يكتب السلسلة المعطاة على الوثيقة. |
| Writeln('سلسلة') | يكتب السلسلة المعطاة على المستند بحرف السطر الجديد في النهاية. |
| getElementById() | تقوم بإرجاع العنصر الذي له قيمة المعرف المحددة. |
| getElementsByName() | تقوم بإرجاع كافة العناصر التي لها قيمة الاسم المحدد. |
| getElementsByTagName() | تقوم بإرجاع كافة العناصر التي لها اسم العلامة المحدد. |
| getElementsByClassName() | إرجاع جميع العناصر التي لها اسم الفئة المحدد. |
الوصول إلى قيمة الحقل عن طريق كائن المستند
في هذا المثال، سنحصل على قيمة النص المُدخل بواسطة المستخدم. هنا نستخدم document.form1.name.value للحصول على قيمة حقل الاسم.
هنا، وثيقة هو العنصر الجذر الذي يمثل وثيقة HTML.
form1 هو اسم النموذج.
اسم هو اسم السمة للنص المدخل.
قيمة هي الخاصية التي تُرجع قيمة النص المُدخل.
دعونا نرى المثال البسيط لكائن المستند الذي يطبع الاسم برسالة ترحيب.
function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: