أحدث البرامج التعليمية وتطوير الشبكة
×

JS البرنامج التعليمي

JS الصفحة الرئيسية JS المقدمة JS ألى أين JS الناتج JS بناء الجملة JS البيانات JS تعليقات JS المتغيرات JS مشغلي JS علم الحساب JS مهمة JS أنواع البيانات JS وظائف JS الأجسام JS نطاق JS أحداث JS سلاسل JS طرق سلسلة JS أرقام JS طرق عدد JS الرياضيات JS التمور JS تاريخ تنسيقات JS تاريخ طرق JS المصفوفات JS طرق مجموعة JS القيم المنطقية JS مقارنات JS الظروف JS تحول JS حلقة غيرمنتهية For JS حلقة بينما JS استراحة JS نوع التحويل JS التعبير العادي JS أخطاء JS التصحيح JS الرفع JS الوضع الصارم JS دليل الاناقة JS أفضل الممارسات JS الأخطاء JS أداء JS الكلمات المحجوزة JS JSON

JS أشكال

أشكال التحقق من صحة API أشكال

JS موضوع

تعريفات الكائن خصائص الكائن طرق كائن نماذج الكائن

JS وظائف

تعاريف وظيفة وظيفة المعلمات وظيفة الاحتجاج الإغلاق وظيفة

JS HTML DOM

DOM مقدمة DOM أساليب DOM وثيقة DOM عناصر DOM HTML DOM CSS DOM الرسوم المتحركة DOM أحداث DOM EventListener DOM ملاحة DOM العقد DOM Nodelist

JS المتصفح BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS أمثلة

JS أمثلة JS HTML DOM JS HTML إدخال JS HTML الأجسام JS HTML أحداث JS المتصفح JS اختبار قصير JS ملخص

JS المراجع

JavaScript الأجسام HTML DOM الأجسام


 

JavaScript HTML DOM

❮ السابق التالي الفصل ❯

مع DOM HTML، يمكن أن جافا سكريبت الوصول وتغيير جميع عناصر وثيقة HTML.

وHTML DOM (طراز كائن المستند)

عندما صفحة ويب يتم تحميل، متصفح يخلق طراز كائن المستند من الصفحة.

يتم إنشاء نموذج HTML DOM مثل شجرة الأجسام:

دوم شجرة HTML الأجسام

شجرة DOM HTML

مع طراز كائن، وجافا سكريبت يحصل على كل الطاقة التي يحتاجها لخلق ديناميكية HTML:

  • جافا سكريبت يمكن تغيير جميع عناصر HTML في الصفحة
  • جافا سكريبت يمكن تغيير سمات كل HTML في الصفحة
  • جافا سكريبت يمكن تغيير كل الأنماط CSS في صفحة
  • جافا سكريبت يمكن إزالة عناصر HTML والصفات القائمة
  • جافا سكريبت يمكن إضافة عناصر HTML جديدة وسمات
  • جافا سكريبت يمكن أن تتفاعل مع كل الأحداث HTML الموجودة في الصفحة
  • جافا سكريبت يمكن إنشاء أحداث HTML جديدة في الصفحة

ما سوف تتعلم

في الفصول القادمة من هذا البرنامج التعليمي سوف تتعلم:

  • كيفية تغيير محتوى العناصر HTML
  • كيفية تغيير نمط (CSS) من عناصر HTML
  • كيفية التعامل مع HTML DOM الأحداث
  • كيفية إضافة وحذف عناصر HTML

ما هو DOM؟

دوم هو W3C (اتحاد شبكة ويب العالمية) القياسية.

يحدد DOM معيارا للوصول إلى وثائق:

"طراز كائن W3C الوثيقة (DOM) هو منصة ولغة محايدة واجهة تسمح البرامج والبرامج النصية للوصول حيوي وتحديث المحتوى والبنية والنمط وثيقة".

يتم فصل معيار W3C DOM إلى 3 أجزاء مختلفة:

  • DOM الأساسية - نموذج موحد لجميع أنواع المستندات
  • DOM XML - النموذج القياسي للمستندات XML
  • HTML DOM - النموذج القياسي للمستندات HTML

ما هو DOM HTML؟

دوم HTML غير نموذج كائن وبرمجة واجهة موحدة لHTML. ويعرف:

  • عناصر HTMLككائنات
  • خصائص كل عناصر HTML
  • طرق للوصول إلى كافة عناصر HTML
  • أحداث كل عناصر HTML

وبعبارة أخرى:إن DOM HTML هو المعيار لكيفية الحصول على أو تغيير أو إضافة أو حذف عناصر HTML.


❮ السابق التالي الفصل ❯