English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
نموذج وثيقة المستند، ويُطلق عليه عادةًDOM، وهو جزء مهم من تفاعلية الموقع.
نموذج وثيقة المستندمثل وثيقة HTML تُعرض في نافذة.
إنه واجهة تتيح لـ JavaScript معالجة محتويات، بنية، وتصميم الموقع.
بعد تحميل صفحة الويب، سيقوم المتصفح بإنشاءنموذج وثيقة المستند.
HTML DOMشجرة بناء النموذجالعناصر.
مثال التالي يشرح ما هو DOM:
<html> <head> <title>مثال</title> </head> <h1>صفحة مثال</h1> <p>هذا مثال صفحة</p> </html>
تمثل DOM للكود التالي كما يلي:
HTML DOM هو المعيار لـ HTMLالعناصرنموذج وواجهة البرمجة. إنه يعرف:
العناصر HTML كـالعناصر
جميع العناصر HTMLالخصائص
زيارة جميع العناصر HTMLالأساليب
جميع العناصر HTMLالأحداث
بمعنى آخر:HTML DOM هو المعيار لاستنساخ، تعديل، إضافة أو إزالة عناصر HTML.
من خلال نموذج العنصر، حصل JavaScript على جميع الميزات المطلوبة لإنشاء HTML ديناميكي:
يمكن لـ JavaScript تغيير جميع العناصر HTML في الصفحة
يمكن لـ JavaScript تغيير جميع خصائص HTML في الصفحة
يمكن لـ JavaScript تغيير جميع أنماط CSS في الصفحة
يمكن لـ JavaScript إزالة العناصر والأصناف الموجودة في HTML
يمكن لـ JavaScript إضافة عناصر وأصناف جديدة إلى HTML
يمكن لـ JavaScript الرد على جميع الأحداث HTML الموجودة في الصفحة
يمكن لـ JavaScript إنشاء أحداث HTML جديدة في الصفحة
في الفصل التالي من هذا الدرس، ستتعلم:
كيفية العثور على عنصر HTML
كيفية تغيير محتوى العنصر HTML
كيفية إضافة وإزالة عناصر HTML
كيفية تغيير نمط العنصر (CSS) للHTML
كيفية إضافة وإزالة خصائص HTML
كيفية تصفح شجرة DOM