' للفقرة ، و '
' لعنوان المستوى الأول ، وما إلى ذلك. هذا الأسلوب مطلوب عندما يحتاج المستخدم إلى الوصول إلى عنصر HTML من خلال اسم العلامة الخاص به مباشرة بدلاً من البحث في أسطر متعددة من التعليمات البرمجية.
سيشرح هذا الدليل الإجراء الكامل لجلب اسم العلامة لعنصر HTML باستخدام JavaScript.
كيفية إحضار اسم العلامة لعنصر HTML باستخدام JavaScript؟
تقدم JavaScript للقراءة فقط ' اسم العلامة 'التي تعرض اسم العلامة لعنصر HTML المقابل. تقوم بإرجاع قيمة سلسلة ، أي اسم علامة العنصر بأحرف كبيرة.
بناء الجملة
عنصر. اسم العلامة
في الصيغة أعلاه ، ' اسم العلامة 'مع أسماء علامات العنصر التي يجب جلبها.
الآن ، دعنا ننتقل إلى تنفيذه العملي للتحقق من كيفية استخدامه لجلب اسم العلامة لعنصر HTML المقابل.
مثال: تطبيق خاصية 'tagName' لجلب اسم العلامة لعنصر HTML
في هذا المثال ، يمكن جلب جميع أسماء علامات العنصر المحددة في شفرة HTML من خلال ' اسم العلامة ' ملكية.
كود HTML
دعنا نلقي نظرة على كود HTML التالي:
< جسم عند النقر = 'elemName ()' >< h2 > إحضار العلامة اسم عنصر HTML في JavaScript < / h2 >
< ص > انقر فوق أي عنصر في هذا المستند للحصول على اسم العلامة الخاصة به. < / ص >
< زر > انقر فوقه < / زر >
< ص بطاقة تعريف = 'عرض' > < / ص >
في سطور التعليمات البرمجية أعلاه:
- ال ' <الجسم> 'العلامة المرتبطة بـ' عند النقر 'إعادة توجيه الحدث إلى وظيفة JavaScript' الاسم () 'التي سيتم تشغيلها بنقرة واحدة.
- ال ' 'العلامة تحدد العنوان الفرعي.
- ال ' 'العلامة لإنشاء بيان فقرة.
- ال ' <زر> 'تضيف زرًا باسم' Click It '.
- أخيرًا ، ' 'العلامة تحدد فقرة فارغة تحتوي على معرف' تجريبي 'لعرض اسم علامة عنصر HTML عند تشغيل حدث' onclick '.
كود جافا سكريبت
بعد ذلك ، انتقل إلى الكود أدناه:
< النصي >وظيفة الاسم ( ) {
مقدار ثابت عنصر = حدث. هدف ؛
وثيقة. getElementById ( 'عرض' ) . داخلي HTML = 'اسم علامة عنصر HTML الذي تم النقر عليه هو:' + عنصر. اسم العلامة ؛
}
النصي >
في كتلة التعليمات البرمجية هذه:
- حدد وظيفة باسم ' الاسم () '.
- في تعريفه ، قم بتعريف المتغير ' عنصر 'من نوع البيانات' مقدار ثابت 'التي تستخدم' هدف 'لإرجاع اسم العنصر عندما يتم تشغيل الحدث المرتبط به.
- أخيرًا ، قم بتطبيق ' getElementById () 'طريقة للوصول إلى الفقرة المضافة باستخدام معرفها.
- سينتج عن ذلك عرض اسم العلامة لعنصر HTML المقابل باستخدام ' اسم العلامة 'عند تنشيط حدث' onclick '.
- يتم استرداد اسم العلامة المطابق عند النقر فوق أي عنصر في كود HTML.
انتاج |
يُظهر الإخراج اسم علامة العنصر المقابل حيث يبدأ حدث 'onclick' وفقًا لذلك.
خاتمة
توفر جافا سكريبت ' اسم العلامة ”للحصول على اسم علامة عنصر HTML. يتم استخدامه بشكل عام مع معالجات أحداث JavaScript مثل 'onclick' و 'onmouseover' و 'ondblclick' وما إلى ذلك. عند تشغيل الحدث المرتبط بعنصر HTML ، فإنه يُرجع اسم العلامة الخاص به في الأحرف الكبيرة افتراضيًا. يقدم هذا الدليل وصفًا موجزًا لكيفية جلب اسم العلامة لعنصر HTML باستخدام JavaScript.