English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل أساسي JavaScript

أجسام JavaScript

وظائف JavaScript

JS HTML DOM

BOM متصفح JS

دليل أساسي AJAX

كتاب مرجع JavaScript

JS HTML DOM (نموذج وحدة المستند)

نموذج وثيقة المستند، ويُطلق عليه عادةًDOM، وهو جزء مهم من تفاعلية الموقع.

نموذج وثيقة المستندمثل وثيقة HTML تُعرض في نافذة.

إنه واجهة تتيح لـ JavaScript معالجة محتويات، بنية، وتصميم الموقع.

HTML DOM (نموذج وثيقة المستند)

بعد تحميل صفحة الويب، سيقوم المتصفح بإنشاءنموذج وثيقة المستند.

HTML DOMشجرة بناء النموذجالعناصر.

مثال التالي يشرح ما هو DOM:

  <html>
  <head>
  <title>مثال</title>
  </head>  
  <h1>صفحة مثال</h1>
  <p>هذا مثال صفحة</p>
  </html>

تمثل DOM للكود التالي كما يلي:

HTML DOM هو المعيار لـ HTMLالعناصرنموذج وواجهة البرمجة. إنه يعرف:

  • العناصر HTML كـالعناصر

  • جميع العناصر HTMLالخصائص

  • زيارة جميع العناصر HTMLالأساليب

  • جميع العناصر HTMLالأحداث

بمعنى آخر:HTML DOM هو المعيار لاستنساخ، تعديل، إضافة أو إزالة عناصر HTML.

DOM و JavaScript

من خلال نموذج العنصر، حصل JavaScript على جميع الميزات المطلوبة لإنشاء HTML ديناميكي:

  • يمكن لـ JavaScript تغيير جميع العناصر HTML في الصفحة

  • يمكن لـ JavaScript تغيير جميع خصائص HTML في الصفحة

  • يمكن لـ JavaScript تغيير جميع أنماط CSS في الصفحة

  • يمكن لـ JavaScript إزالة العناصر والأصناف الموجودة في HTML

  • يمكن لـ JavaScript إضافة عناصر وأصناف جديدة إلى HTML

  • يمكن لـ JavaScript الرد على جميع الأحداث HTML الموجودة في الصفحة

  • يمكن لـ JavaScript إنشاء أحداث HTML جديدة في الصفحة

ماذا ستتعلم

في الفصل التالي من هذا الدرس، ستتعلم:

  • كيفية العثور على عنصر HTML

  • كيفية تغيير محتوى العنصر HTML

  • كيفية إضافة وإزالة عناصر HTML

  • كيفية تغيير نمط العنصر (CSS) للHTML

  • كيفية إضافة وإزالة خصائص HTML

  • كيفية تصفح شجرة DOM