انتقل إلى محتوى الدرس

JavaScript DOM Elements التعامل مع عناصر صفحة HTML في لغة جافا سكريبت

ستتعلم في هذا الدرس كيفية البحث عن أي عنصر داخل الشجرة DOM Tree والبحث يتم عن طريق id Name أو عن طريق Class Name أو عن طريق Tag Name أو عن طريق CSS Selectors وايضاً سوف تتعلم كيفية تخزينة بداخل متغير أو مصفوفة لكي تقوم بطباعة بياناته أو للتعديل أو الحذف.
1 صفوف تعليمية
جافا سكريبت
5,018 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يجب عليك عند التعامل مع صفحة HTML بلغة جافا سكريبت عن طريق DOM أن تحدد ما هو العنصر الذي تريد أن تتعامل معه لإجراء أي تعديلات علية أو حذف فيجب أولاً عند البدء في استخدام DOM أن تتعلم كفية البحث عن العناصر داخل DOM tree الشجرة.


 يمكنك البحث علي العناصر داخل شجرة DOM بستة طرق مختلفة:

  • I D name البحث عن عنصر واحد فقط له ID.
  • class name البحث عن مجموعة عناصر تحمل class واحد.
  • tag name البحث عن مجموعة عناصر تحمل اسم tag واحد.
  • name البحث عن مجموعة عناصر تحمل اسم واحد.
  • CSS selector لتحديد عنصر واحد.
  • CSS selector all لتحديد مجموعة عناصر.
  • عن طريق HTML DOM Collections كائنات جاهز مدمجة مع لغة جافا سكريبت.