Što je append() metoda u JavaScriptu

Pretpostavimo da želite napraviti popis i dodati nekoliko elemenata. Oduzima puno vremena u slučaju da to radite ručno. Da bi to učinio, JavaScript pruža ' dodati() ” metoda za uzimanje objekta kao argumenta i zatim njihovo umetanje na kraj definiranog popisa. Nadalje, elemente možete dodati i drugačije, kao na popisu ili u obliku odlomka.

Ovaj post navodi metodu za pronalaženje ID-a objekta u nizu JavaScript objekata.

Što je append() metoda u JavaScriptu?

' dodati() ” metoda u JavaScriptu koristi se za umetanje elemenata ili niz objekata na kraju elementa. Ovo je jedna od najkorisnijih metoda za dodavanje traženog elementa na određeno mjesto na kraju elementa.

Kako koristiti metodu append() u JavaScriptu?

Za korištenje funkcije append() u JavaScriptu, slijedite dolje navedenu sintaksu:

＄ ( selektor ) . dodati ( sadržaj, funkcija ( indeks, html ) )

Ovdje:

“ selektor ” je HTML element kojem se pristupa.
“ dodati() ” metoda se koristi za dodavanje elementa.
“ sadržaj ” je potreban parametar koji određuje sadržaj podataka za dodavanje.
“ funkcija() ” je izborni element.

Primjer 1: dodavanje istog elementa u paragraf

Da biste dodali iste elemente u odlomak, prvo otvorite relevantnu HTML stranicu i upotrijebite '

” za umetanje podataka između oznake. Nadalje, dodijelite ' iskaznica ” na odlomak da biste mu pristupili u JavaScriptu:

< p id = 'element' > Dobrodošli u Linuxhint str >

Zatim izradite gumb uz pomoć ' ' i upotrijebite ' razreda ” za određivanje određenog naziva i umetanje teksta s elementom gumba za prikaz na gumbu:

< dugme razreda = 'btn' > Dodaj element dugme >

Sada upotrijebite ' ” za dodavanje JavaScript koda:

< skripta >

$ ( dokument ) . spreman ( funkcija ( ) {

$ ( '.btn' ) . klik ( funkcija ( ) {

$ ( '#element' ) . dodati ( 'Dodaj tekst pri kliku gumba' ) ;

} ) ;

} ) ;

skripta >

Prema danom kodu:

“ spreman() ” metoda se koristi za stavljanje funkcije na raspolaganje kada se dokument uspješno učita na zaslon. Da biste to učinili, prođite ' funkcija() ” kao parametar.
“ klik() ” metoda se poziva kada korisnik klikne na element HTML gumba. Ova metoda određuje izvršenje klika kada korisnik pritisne gumb.
“ dodati() ' metoda umeće skup objekata nakon izvršenja ' klik() ” metoda. U tu svrhu proslijedite tekst koji treba dodati.

Izlaz

Primjer 2: Dodavanje različitih elemenata u obrazac popisa

Možete dodati različite elemente u obliku popisa. Da biste to učinili, napravite HTML stranicu i ugradite tekst uz pomoć '

” oznaka:

< p id = 'dodati' > JavaScript dodatak ( ) Funkcija str >

Napravite gumb pomoću ' ' i upotrijebite ' na klik ” događaj koji se događa kada korisnik klikne na HTML element:

< gumb na klik = 'func()' > Dodavanje elemenata dugme >

Napravite div spremnik i dodijelite ID tom spremniku pomoću ' iskaznica ” atribut. Zatim dodajte elemente uz pomoć '

” oznaka:

< div id = 'više-element' >

< str > Element 1 str >

< str > Element 2 str >

div >

Zatim je korišten ' ” i dodajte sljedeći kod između oznake:

< skripta >

varElementNumber = 3 ;

funkcija funk ( ) {

bio roditelj = dokument. getElementById ( 'više-element' ) ;

bio noviElement = '

Element' + ElementBroj + '

' ;

roditelj. umetni susjedniHTML ( 'prije' i Element ) ;

ElementBroj ++;

}

skripta >

U gore navedenom kodu:

Deklarirajte varijablu koristeći ' bio je ” i dodijelite joj vrijednost prema svojim željama.
Definirajte funkciju i inicijalizirajte drugu varijablu unutar definirane funkcije s određenim imenom.
Zatim pozovite ' getElementById() ” JavaScript metoda za pristup elementu i prosljeđivanje vrijednosti id-a kao parametra.
“ umetni susjedni HTML() ” metoda se koristi za dodavanje HTML koda na određeno mjesto i dodavanje elementa jedan uz drugi.
Upotrijebite operator inkrementa da biste napravili inkrement u elementu:

Naučili ste o korištenju metode append() u JavaScriptu na raznim primjerima.

Zaključak

“ dodati() ” je JavaScript metoda koja se koristi za umetanje elementa i objekata na kraj definiranog elementa. Možete dodati isti element i različite elemente u obliku odlomaka i popisa. Točnije, može se pokrenuti pritiskom na gumb. Ovaj post demonstrira metodu append() u JavaScriptu.

Što je append() metoda u JavaScriptu