فقرة فرعية #2 من درس: البحث علي عنصر داخل صفحة HTML في لغة جافا سكريبت

Get element by id JavaScript البحث عن عنصر بواسطة id في جافا سكريبت

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

1 صفوف تعليمية

جافا سكريبت

5,018 مشاهدة

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

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

يمكن البحث عن عنصر عن طريق id Name وذلك عن طريق دالة مُجهزة ومُدمجة مع لغة جافا سكريبت وهي ()getElementById تُكتب بطريقة Camel Case نقوم بتمرير بداخلها اسم ID ويجب أن يكون الأسم فريداً في صفحة HTML بمعني أن يكون الإسم غير مُكرر.

البحث عن عنصر بواسطة id

البحث عن عنصر بواسطة id وحفظة بداخل متغير يحتوي المتغير علي جميع المعلومات الخاصة بالعنصر واصبح كائن به جميع الخصائص

HTML

let apple = document.getElementById('apple');

جرّب بنفسك

إستخدام Id مباشر.

يمكنك إستخدام Id مباشرةً بدلاً من إستخدام دالة ()document.getElementById في لغة جافاسكريبت.