الوصول برقم العنصر By ID

من الإمكانيات المتاحة في JavaScript إمكانية تغيير نص HTML حيث تعتبر هذه الميزة جديدة لم تكن متاحة حيث يعتبر نص HTML ثابت ويعرض فقط ولكن أصبح من الممكن التغيير مثل الضغط على زر أمر مثلا فيتغير محتوى النص ويتم ذلك باستخدام رقم العنصر ID الذي تم أعطاؤه للعنصر كما في سطور المثال التالي:

مثال:

في هذا المثال يتم التعامل مع النص برقم ID يعطي له

في هذه السطور:

يتم تعريف زر أمر Button كما في الامر <button type = “button” ولكن في نفس الوقت يتم توظيف الحدث onclick لاستدعاء الدالة myfunction كما في السطرmyFunction():>”onclick=” التي تقوم بتغيير محتوى النص المعرف بلاسم demo وتكون نتيجة التنفيذ في البداية كما في الشكل:

وتكون نتيجة التنفيذ عند الضغط على زر الامر كما في الشكل:

مثال الوصول برقم العنصر by Id:

كما أشرنا يمكن الوصول إلى عنصر في صفحة HTML باستخدام رقم العنصر ID الذي تم اعطاؤه للعنصر ويتضح ذلك من سطور المثال التالي:

وتكون نتيجة التنفيذ:

مثال الوصول باسم العنصر Tag Name:

كما أشرنا يمكن الوصول إلى عنصر في صفحة HTML باستخدام اسم العنصر Tag Name الذي تم أعطاؤه للعنصر ويتضح ذلك من سطور المثال التالي:

في هذه السطور:

تم الوصول إلى عنصر في صفحة HTML باستخدام اسم Tag Name الذي تم اعطاؤه للعنصر وتكون كما في نتيجة التنفيذ كما في الشكل: