NahdaAIنهضة
JavaScript • المستوى الثالث

التحكم بعناصر الصفحة والـ DOM

تحديد العناصر، الاستجابة للأحداث، وتعديل الواجهات حياً لإضافة التفاعلية الكاملة.

فهرس المسار
01

الدرس 1: تحديد العناصر في الصفحة (DOM Selection)

التعرف على كائن document وتحديد العناصر عبر getElementById و querySelector.

ابدأ الدرس
02

الدرس 2: تعديل محتوى ونصوص العناصر (textContent & innerHTML)

تغيير النصوص ديناميكياً وإضافة عناصر وتنسيقات CSS مباشرة عبر جافاسكريبت.

ابدأ الدرس
03

الدرس 3: الاستجابة لأحداث المستخدم (Event Listeners)

ربط النقرة (click) والإدخال (input) والنموذج (submit) بوظائف برمجية حية.

ابدأ الدرس
04

الدرس 4: إنشاء وإزالة العناصر ديناميكياً (Create & Remove Elements)

بناء عناصر جديدة بـ createElement وإدراجها بـ appendChild وإزالتها حسب حاجة المستخدم.

ابدأ الدرس