دخول Document Object

المفهوم الأساسي:

• المستند: الصفحة الحالية.
• document.body: محتوى الصفحة (نص، صور، مقاطع فيديو).
• document.head: معلومات حول الصفحة (العنوان، الكلمات الدلالية).

خطوات عملية:

1. للدخول إلى نموذج المستند، استخدم document.
2. للحصول على نص الصفحة، استخدم document.body.innerText.
3. للحصول على قائمة عناصر الصفحة، استخدم document.querySelectorAll('selector').
4. للحصول على عنصر معين، استخدم document.getElementById('id').

مثال جافاسكريبت:

console.log(document); // يطبع نموذج المستند
console.log(document.body); // يطبع محتوى الصفحة
console.log(document.head); // يطبع معلومات حول الصفحة
const elements = document.querySelectorAll('p'); // يحصل على قائمة العناصر `p`
const element = document.getElementById('my-id'); // يحصل على العنصر `id`