Kas ir append() metode JavaScript

Pieņemsim, ka vēlaties izveidot sarakstu un pievienot vairākus elementus. Tas patērē daudz laika, ja to darāt manuāli. Lai to izdarītu, JavaScript nodrošina ' pievienot () ” metode, lai objektu ņemtu par argumentu un pēc tam ievietotu definētā saraksta beigās. Turklāt jūs varat arī pievienot elementus atšķirīgi, piemēram, sarakstā vai rindkopas formā.

Šajā ziņojumā ir norādīta metode objekta ID atrašanai JavaScript objektu masīvā.

Kas ir append() metode JavaScript?

' pievienot () ” metode JavaScript tiek izmantota elementu vai virkņu objektu ievietošanai elementa galā. Šī ir viena no visnoderīgākajām metodēm, kā pievienot vajadzīgo elementu norādītajā vietā elementa beigās.

Kā izmantot append() metodi JavaScript?

Lai izmantotu append() funkciju JavaScript, izpildiet norādīto sintakse, kas minēta tālāk:

＄ ( atlasītājs ) . pievienot ( saturs, funkcija ( indekss, html ) )

Šeit:

' atlasītājs ” ir HTML elements, kuram tiek piekļūts.
' pievienot () ” metode tiek izmantota elementa pievienošanai.
' saturu ” ir nepieciešamais parametrs, kas nosaka pievienojamo datu saturu.
' funkcija () ” ir neobligāts elements.

1. piemērs: pievienojiet to pašu elementu rindkopā

Lai rindkopai pievienotu tos pašus elementus, vispirms atveriet attiecīgo HTML lapu un izmantojiet “

” tagu, lai iegultu datus starp tagu. Turklāt piešķiriet ' id ” uz rindkopu, lai piekļūtu tai JavaScript:

< p id = 'elements' > Laipni lūdzam Linuxhint lpp >

Pēc tam izveidojiet pogu, izmantojot ' ' elementu un izmantojiet ' klasē ” atribūts, lai norādītu konkrētu nosaukumu un iegultu tekstu ar pogas elementu, kas jāparāda uz pogas:

< pogu klasē = 'btn' > Pievienot elementu pogu >

Tagad izmantojiet ' ” tagu, lai pievienotu JavaScript kodu:

< skripts >

$ ( dokumentu ) . gatavs ( funkciju ( ) {

$ ( '.btn' ) . klikšķis ( funkciju ( ) {

$ ( '#elements' ) . pievienot ( 'Pievienot tekstu, noklikšķinot uz pogas' ) ;

} ) ;

} ) ;

skripts >

Saskaņā ar doto kodu:

' gatavs () ” metode tiek izmantota, lai padarītu funkciju pieejamu, kad dokuments ir veiksmīgi ielādēts ekrānā. Lai to izdarītu, palaidiet garām ' funkcija () ” metodi kā parametru.
' klikšķis() ” metode tiek izsaukta, kad lietotājs noklikšķina uz HTML pogas elementa. Šī metode nosaka klikšķa izpildi, kad lietotājs nospiež pogu.
' pievienot () Metode ievieto objektu kopu pēc '' izpildes klikšķis() ” metode. Šim nolūkam nododiet tekstu, kas jāpievieno.

Izvade

2. piemērs. Pievienot dažādus elementus saraksta formā

Varat pievienot dažādus elementus saraksta veidā. Lai to izdarītu, izveidojiet HTML lapu un ieguliet tekstu, izmantojot '

'atzīme:

< p id = 'pievienot' > JavaScript pievienošana ( ) Funkcija lpp >

Izveidojiet pogu, izmantojot ' ' elementu un izmantojiet ' onclick ” notikums, kas notiek, kad lietotājs noklikšķina uz HTML elementa:

< pogu onclick = 'func()' > Pievienot elementus pogu >

Izveidojiet div konteineru un piešķiriet šim konteineram ID, izmantojot “ id ” atribūts. Pēc tam pievienojiet elementus, izmantojot '

'atzīme:

< div id = 'vairāk elementu' >

< lpp > Elements 1 lpp >

< lpp > Elements 2 lpp >

div >

Pēc tam izmantoja “ ” tagu un starp tagu pievienojiet šādu kodu:

< skripts >

var ElementNumber = 3 ;

funkcija funk ( ) {

bija vecāks = dokumentu. getElementById ( 'vairāk elementu' ) ;

bija jaunsElement = '

Elements' + ElementNumber + '

' ;

vecāks. insertAdjacentHTML ( 'pirms' un Elements ) ;

ElementNumber ++;

}

skripts >

Iepriekš norādītajā kodā:

Deklarējiet mainīgo, izmantojot ' bija ” atslēgvārdu un piešķiriet tam vērtību atbilstoši savām vēlmēm.
Definējiet funkciju un inicializējiet citu mainīgo definētajā funkcijā ar noteiktu nosaukumu.
Pēc tam izsauciet ' getElementById() ” JavaScript metode, lai piekļūtu elementam un nodotu id vērtību kā parametru.
' insertAdjacentHTML() ” metode tiek izmantota, lai pievienotu HTML kodu noteiktā vietā un pievienotu elementu blakus viens otram.
Izmantojiet pieauguma operatoru, lai palielinātu elementu:

Jūs uzzinājāt par append() metodes izmantošanu JavaScript, izmantojot dažādus piemērus.

Secinājums

' pievienot () ” ir JavaScript metode, kas tiek izmantota elementa un objektu ievietošanai definētā elementa beigās. Varat pievienot vienu un to pašu elementu un dažādus elementus rindkopu un sarakstu veidā. Precīzāk, to var aktivizēt, noklikšķinot uz pogas. Šī ziņa ir demonstrējusi pievienošanas () metodi JavaScript.

Kas ir append() metode JavaScript