freeCodeCamp/guide/arabic/javascript/html-dom/index.md

1.6 KiB

title localeTitle
HTML Dom HTML دوم

HTML دوم

باستخدام HTML DOM ، تستطيع JavaScript الوصول إلى جميع عناصر مستند HTML وتغييرها.

عندما يتم تحميل صفحة ويب ، يقوم المتصفح بإنشاء D ocument O bject M odel للصفحة.

يتم إنشاء نموذج HTML DOM كشجرة من الكائنات:

كل عنصر في DOM يسمى أيضًا عقدة.

`

<html> <head> </head> My Link

My header

</html> `

يكون DOM الخاص بـ HTML أعلاه على النحو التالي:

شجرة DOM

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

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

معلومات اكثر:

W3C - HTML DOM