פוסט זה ציין את השיטה למציאת מזהה אובייקט במערך של אובייקטי JavaScript.
מהי שיטת append() ב-JavaScript?
ה ' לְצַרֵף() שיטת ' ב-JavaScript משמשת להכנסת האלמנטים או אובייקטי המחרוזת בקצה האלמנט. זוהי אחת השיטות השימושיות ביותר להוספת האלמנט הנדרש במיקום שצוין בקצה האלמנט.
כיצד להשתמש בשיטת append() ב-JavaScript?
כדי להשתמש בפונקציית append() ב-JavaScript, עקוב אחר התחביר המוזכר להלן:
$ ( בוחר ) . לְצַרֵף ( תוכן, פונקציה ( אינדקס, html ) )
כאן:
- ' בוחר ” הוא רכיב ה-HTML שאליו ניגשים.
- ' לְצַרֵף() שיטת ' משמשת להוספת האלמנט.
- ' תוֹכֶן ” הוא הפרמטר הנדרש, שקובע את תוכן הנתונים שיש להוסיף.
- ' פוּנקצִיָה() ' הוא אלמנט אופציונלי.
דוגמה 1: הוסף אותו אלמנט בפסקה
כדי להוסיף את אותם אלמנטים בפסקה, ראשית, פתח את דף ה-HTML הרלוונטי והשתמש ב-' ' תג כדי להטמיע נתונים בין התג. יתר על כן, הקצה ' תְעוּדַת זֶהוּת ' לפסקה כדי לגשת אליה ב-JavaScript:
< p id = 'אֵלֵמֶנט' > ברוכים הבאים ל-Linuxhint ע >
לאחר מכן, צור כפתור בעזרת ' <כפתור> רכיב ' והשתמש ב-' מעמד ' תכונה לציון שם מסוים ולהטביע טקסט עם אלמנט לחצן להצגה על הכפתור:
< לַחְצָן מעמד = 'btn' > הוסף אלמנט לַחְצָן >כעת, השתמש ב' ' תג להוספת קוד JavaScript:
< תַסרִיט >
$ ( מסמך ) . מוּכָן ( פוּנקצִיָה ( ) {
$ ( '.btn' ) . נְקִישָׁה ( פוּנקצִיָה ( ) {
$ ( '#אֵלֵמֶנט' ) . לְצַרֵף ( 'הוסף טקסט בלחיצת כפתור' ) ;
} ) ;
} ) ;
תַסרִיט >
לפי הקוד הנתון:
- ' מוּכָן() השיטה משמשת להפיכת פונקציה לזמינה כאשר המסמך נטען על המסך בהצלחה. כדי לעשות זאת, העבר את ' פוּנקצִיָה() 'שיטה כפרמטר.
- ' נְקִישָׁה() שיטת ” מפעילה כאשר המשתמש לוחץ על רכיב כפתור HTML. שיטה זו קובעת את ביצוע הלחיצה כאשר משתמש לוחץ על הכפתור.
- ' לְצַרֵף() שיטת ' מכניסה קבוצה של אובייקטים לאחר ביצוע ' נְקִישָׁה() ' שיטה. לשם כך, העבר את הטקסט שצריך לצרף.
תְפוּקָה
דוגמה 2: הוסף אלמנטים שונים בצורת רשימה
אתה יכול להוסיף את האלמנטים השונים בצורה של רשימה. לשם כך, צור דף HTML והטמיע טקסט בעזרת ' 'תג:
< p id = 'לְצַרֵף' > צרף JavaScript ( ) פוּנקצִיָה ע >צור כפתור באמצעות ' <כפתור> רכיב ' והשתמש ב-' בלחיצה ' אירוע המתרחש כאשר משתמש לוחץ על רכיב HTML:
< כפתור בלחיצה = 'func()' > הוסף אלמנטים לַחְצָן >צור מיכל div והקצה מזהה למכל זה באמצעות ' תְעוּדַת זֶהוּת ' תכונה. לאחר מכן, הוסף את האלמנטים בעזרת ' 'תג:
< מזהה div = 'אלמנט נוסף' >< ע > אֵלֵמֶנט 1 ע >
< ע > אֵלֵמֶנט 2 ע >
div >
לאחר מכן, השתמש ב' ' תג והוסף את הקוד הבא בין התג:
< תַסרִיט >var ElementNumber = 3 ;
פונקציה func ( ) {
היה הורה = מסמך. getElementById ( 'אלמנט נוסף' ) ;
היה אלמנט חדש = '
אלמנט'
+ ElementNumber + '' ;הוֹרֶה. הוסףAdjacentHTML ( 'לפני' , ואלמנט ) ;
ElementNumber ++;
}
תַסרִיט >
בקוד האמור לעיל:
- הכרזה על משתנה באמצעות ' היה ' מילת מפתח והקצו לה ערך לפי העדפתכם.
- הגדר פונקציה ואתחול משתנה נוסף בתוך הפונקציה המוגדרת בשם מסוים.
- לאחר מכן, הפעל את ' getElementById() ” שיטת JavaScript כדי לגשת לאלמנט ולהעביר את ערך ה-id כפרמטר.
- ' insertAdjacentHTML() שיטת ” משמשת להוספת קוד ה-HTML למיקום מוגדר והוספת האלמנט הסמוך זה לזה.
- השתמש באופרטור ההגדלה כדי לבצע עלייה באלמנט:
למדת על השימוש בשיטת append() ב-JavaScript עם דוגמאות שונות.
סיכום
' לְצַרֵף() ” היא שיטת JavaScript המשמשת להכנסת האלמנט והאובייקטים בסוף האלמנט המוגדר. ניתן להוסיף את אותו אלמנט ואלמנטים שונים בצורה של פסקאות ורשימות. ליתר דיוק, ניתן להפעיל אותו בלחיצת כפתור. פוסט זה הדגים את שיטת append() ב-JavaScript.