' לפסקה, '
' לכותרת ברמה הראשונה וכו'. גישה זו נחוצה כאשר המשתמש צריך לגשת לרכיב HTML לפי שם התג שלו ישירות במקום לחפש מספר שורות קוד.
מדריך זה יסביר את ההליך המלא לאחזור שם התג של רכיב HTML באמצעות JavaScript.
כיצד להביא את שם התג של רכיב HTML באמצעות JavaScript?
JavaScript מציע את 'קריאה בלבד' תג שם ' מאפיין המציג את שם התג של רכיב ה-HTML המתאים. הוא מחזיר ערך מחרוזת, כלומר, שם התג של האלמנט באותיות גדולות.
תחביר
אֵלֵמֶנט. תג שם
בתחביר לעיל, ' תג שם ' מתאים לשמות התגים של האלמנט שיש לאחזר.
כעת, הבה נעבור ליישום המעשי שלו כדי לבדוק כיצד ניתן להשתמש בו כדי להביא את שם התג של רכיב ה-HTML המתאים.
דוגמה: החלת המאפיין 'tagName' כדי להביא את שם התג של רכיב HTML
בדוגמה זו, ניתן לאחזר את כל שמות התגים של הרכיב המצוינים בקוד ה-HTML באמצעות ' תג שם ' תכונה.
קוד HTML
בואו נסתכל על קוד ה-HTML הבא:
< גוּף בלחיצה = 'elemName()' >< h2 > אחזר שם תג של רכיב HTML ב-JavaScript < / h2 >
< ע > לחץ על רכיב כלשהו במסמך זה כדי לקבל את שם התג שלו. < / ע >
< לַחְצָן > לחץ על זה < / לַחְצָן >
< ע תְעוּדַת זֶהוּת = 'הַדגָמָה' >< / ע >
בשורות הקוד לעיל:
- ה ' <גוף> תג ' משויך ל' בלחיצה ' הפניית אירוע לפונקציית JavaScript ' elemName() ' שיופעל בקליק.
- ה ' ' תג מגדיר את כותרת המשנה.
- ה ' ' תג יוצר משפט פסקה.
- ה ' <כפתור> ' תג מוסיף כפתור בשם 'לחץ עליו'.
- לבסוף, ה' ' תג מגדיר פסקה ריקה בעלת מזהה ' הַדגָמָה ' כדי להציג את שם תג רכיב ה-HTML בטריגר האירוע 'onclick'.
קוד JavaScript
המשך לקוד הבא:
< תַסרִיט >פוּנקצִיָה שם elem ( ) {
const אֵלֵמֶנט = מִקרֶה. יַעַד ;
מסמך. getElementById ( 'הַדגָמָה' ) . innerHTML = 'שם התג של רכיב HTML שנלחץ הוא: ' + אֵלֵמֶנט. תג שם ;
}
תַסרִיט >
בגוש קוד זה:
- הגדר פונקציה בשם ' elemName() '.
- בהגדרתו, הכריז על המשתנה ' אֵלֵמֶנט ' מסוג נתונים ' const 'שמשתמש ב' יַעַד ' מאפיין כדי להחזיר את שם הרכיב כאשר האירוע המשויך לו מופעל.
- לבסוף, החל את ' getElementById() ' שיטה לגשת לפסקה שנוספה באמצעות המזהה שלה.
- זה יגרום להצגת שם התג של רכיב ה-HTML המתאים באמצעות ' תג שם ' מאפיין כאשר אירוע ה-'onclick' יופעל.
- הוא כזה שעם לחיצה על כל אחד מהרכיבים בקוד ה-HTML, שם התג המתאים יאוחזר.
תְפוּקָה
הפלט מציג את שם תג האלמנט המתאים שבו אירוע 'onclick' מופעל בהתאם.
סיכום
JavaScript מספק את ' תג שם ' מאפיין לקבלת שם התג של רכיב HTML. הוא משמש בדרך כלל עם מטפלי אירועי JavaScript כמו 'onclick', 'onmouseover', 'ondblclick' וכו'. כאשר האירוע המשויך של אלמנט ה-HTML מופעל, הוא מחזיר את שם התג שלו באותיות גדולות כברירת מחדל. מדריך זה סיפק תיאור קצר כיצד להביא את שם התג של רכיב HTML באמצעות JavaScript.