Ce message a indiqué la méthode pour trouver un identifiant d'objet dans un tableau d'objets JavaScript.
Qu'est-ce que la méthode append() en JavaScript ?
Le ' ajouter() ' La méthode JavaScript est utilisée pour insérer les éléments ou les objets de chaîne à la fin de l'élément. C'est l'une des méthodes les plus utiles pour ajouter l'élément requis à la position spécifiée à la fin de l'élément.
Comment utiliser la méthode append() en JavaScript ?
Pour utiliser la fonction append() en JavaScript, suivez la syntaxe mentionnée ci-dessous :
$ ( sélecteur ) . ajouter ( contenu, fonction ( index, html ) )
Ici:
- ' sélecteur ” est l'élément HTML auquel on accède.
- ' ajouter() ” La méthode est utilisée pour ajouter l'élément.
- ' contenu ” est le paramètre obligatoire, qui détermine le contenu des données à ajouter.
- ' fonction() ” est un élément facultatif.
Exemple 1 : ajouter le même élément dans le paragraphe
Pour ajouter les mêmes éléments dans un paragraphe, ouvrez d'abord la page HTML appropriée et utilisez le ' ” pour intégrer des données entre les balises. De plus, attribuez un ' identifiant ” au paragraphe pour y accéder en JavaScript :
< identifiant p = 'élément' > Bienvenue sur Linuxhint p >
Ensuite, créez un bouton à l'aide du '
Maintenant, utilisez le ' ” tag pour ajouter le code JavaScript :
< scénario >
$ ( document ) . prêt ( fonction ( ) {
$ ( '.btn' ) . Cliquez sur ( fonction ( ) {
$ ( '#élément' ) . ajouter ( 'Ajouter du texte au clic sur le bouton' ) ;
} ) ;
} ) ;
scénario >
Selon le code donné :
- ' prêt() ” est utilisée pour rendre une fonction disponible lorsque le document est chargé avec succès à l'écran. Pour cela, passez le « fonction() ” méthode comme paramètre.
- ' Cliquez sur() ” La méthode est invoquée lorsque l'utilisateur clique sur l'élément de bouton HTML. Cette méthode détermine l'exécution du clic lorsqu'un utilisateur appuie sur le bouton.
- ' ajouter() ” insère un ensemble d'objets après l'exécution de la méthode “ Cliquez sur() ' méthode. Pour cela, passez le texte qui doit être ajouté.
Sortir
Exemple 2 : ajouter différents éléments sous forme de liste
Vous pouvez annexer les différents éléments sous forme de liste. Pour ce faire, créez une page HTML et insérez du texte à l'aide du ' ' étiqueter:
< identifiant p = 'ajouter' > Ajout JavaScript ( ) Fonction p > Faire un bouton en utilisant le '
Créez un conteneur div et attribuez un identifiant à ce conteneur en utilisant le ' identifiant ' attribut. Ensuite, ajoutez les éléments à l'aide du ' ' étiqueter:
< identifiant div = 'plus d'élément' >< p > Élément 1 p >
< p > Élément 2 p >
div >
Ensuite, utilisez le ' ” et ajoutez le code suivant entre les balises :
< scénario >var NuméroÉlément = 3 ;
fonction fonction ( ) {
était parent = document. getElementById ( 'plus d'élément' ) ;
était un nouvel élément = '
Élément'
+ NuméroÉlément + '' ;parent. insertAdjacentHTML ( 'avant' , et Élément ) ;
NuméroÉlément ++ ;
}
scénario >
Dans le code ci-dessus :
- Déclarez une variable en utilisant le ' était ” mot-clé et attribuez-lui une valeur selon vos préférences.
- Définissez une fonction et initialisez une autre variable à l'intérieur de la fonction définie avec un nom particulier.
- Ensuite, invoquez le ' getElementById() ” Méthode JavaScript pour accéder à l'élément et passer la valeur id en paramètre.
- ' insertAdjacentHTML() ” est utilisée pour ajouter le code HTML dans une position spécifiée et ajouter l'élément adjacent l'un à l'autre.
- Utilisez l'opérateur d'incrémentation pour incrémenter l'élément :
Vous avez appris l'utilisation de la méthode append() en JavaScript avec divers exemples.
Conclusion
' ajouter() ” est une méthode JavaScript utilisée pour insérer l'élément et les objets à la fin de l'élément défini. Vous pouvez ajouter le même élément et différents éléments sous forme de paragraphes et de listes. Plus précisément, il peut être déclenché sur un clic de bouton. Cet article a démontré la méthode append() en JavaScript.