Aquesta publicació ha indicat el mètode per trobar un identificador d'objecte en una matriu d'objectes JavaScript.
Què és el mètode append() a JavaScript?
El ' afegir() El mètode ” en JavaScript s'utilitza per inserir els elements o objectes de cadena al final de l'element. Aquest és un dels mètodes més útils per afegir l'element necessari a la posició especificada al final de l'element.
Com utilitzar el mètode append () a JavaScript?
Per utilitzar la funció append() a JavaScript, seguiu la sintaxi indicada a continuació:
$ ( selector ) . adjuntar ( contingut, funció ( índex, html ) )
Aquí:
- “ selector ” és l'element HTML al qual s'accedeix.
- “ afegir() ” s'utilitza per afegir l'element.
- “ contingut ” és el paràmetre requerit, que determina el contingut de les dades a afegir.
- “ funció () ” és un element opcional.
Exemple 1: afegiu el mateix element al paràgraf
Per afegir els mateixos elements en un paràgraf, primer, obriu la pàgina HTML corresponent i utilitzeu el ' ” etiqueta per incrustar dades entre l'etiqueta. A més, assigneu un ' id ” al paràgraf per accedir-hi en JavaScript:
< p id = 'element' > Benvingut a Linuxhint pàg >
A continuació, creeu un botó amb l'ajuda del '
Ara, utilitzeu el ' ” per afegir el codi JavaScript:
< guió >
$ ( document ) . llest ( funció ( ) {
$ ( '.btn' ) . feu clic ( funció ( ) {
$ ( '#element' ) . adjuntar ( 'Afegeix text al clic del botó' ) ;
} ) ;
} ) ;
guió >
Segons el codi donat:
- “ llest () ” s'utilitza per fer que una funció estigui disponible quan el document es carrega a la pantalla correctament. Per fer-ho, passa el ' funció () ” mètode com a paràmetre.
- “ feu clic () ” s'invoca quan l'usuari fa clic a l'element del botó HTML. Aquest mètode determina l'execució del clic quan un usuari prem el botó.
- “ afegir() El mètode insereix un conjunt d'objectes després de l'execució del ' clic () ” mètode. Per a això, passa el text que cal adjuntar.
Sortida
Exemple 2: afegiu diferents elements en forma de llista
Podeu afegir els diferents elements en forma de llista. Per fer-ho, fes una pàgina HTML i incrusta el text amb l'ajuda del ' ' etiqueta:
< p id = 'afegir' > Apèndix de JavaScript ( ) Funció pàg > Feu un botó amb el '
Feu un contenidor div i assigneu un identificador a aquest contenidor mitjançant el ' id ” atribut. A continuació, afegiu els elements amb l'ajuda del ' ' etiqueta:
< id div = 'més element' >< pàg > Element 1 pàg >
< pàg > Element 2 pàg >
div >
A continuació, utilitzeu el ' ” i afegiu el codi següent entre l'etiqueta:
< guió >var ElementNumber = 3 ;
funció func ( ) {
era pare = document. getElementById ( 'més element' ) ;
era un element nou = '
Element'
+ ElementNumber + '' ;pare. inseriu HTML adjacent ( 'abans' , i Element ) ;
ElementNumber ++;
}
guió >
En el codi anteriorment indicat:
- Declarar una variable utilitzant el ' era ” i assigneu-li un valor segons les vostres preferències.
- Definiu una funció i inicialitzeu una altra variable dins de la funció definida amb un nom particular.
- A continuació, invoqueu el ' getElementById() ” Mètode JavaScript per accedir a l'element i passar el valor id com a paràmetre.
- “ insertAdjacentHTML() ” s'utilitza per afegir el codi HTML a una posició especificada i afegir l'element adjacent entre si.
- Utilitzeu l'operador d'increment per fer un increment a l'element:
Heu après sobre l'ús del mètode append() a JavaScript amb diversos exemples.
Conclusió
“ afegir() ” és un mètode JavaScript que s'utilitza per inserir l'element i els objectes al final de l'element definit. Podeu afegir el mateix element i elements diferents en forma de paràgrafs i llistes. Més concretament, es pot activar fent clic al botó. Aquesta publicació ha demostrat el mètode append() a JavaScript.