Šiame įraše buvo nurodytas metodas, kaip rasti objekto ID „JavaScript“ objektų masyve.
Kas yra append() metodas JavaScript?
„ pridėti () 'JavaScript' metodas naudojamas elementams arba eilutės objektams įterpti elemento gale. Tai vienas iš naudingiausių būdų pridėti reikiamą elementą nurodytoje vietoje elemento gale.
Kaip naudoti append() metodą „JavaScript“?
Norėdami naudoti „JavaScript“ funkciją append(), vadovaukitės toliau nurodyta sintaksė:
$ ( parinkiklis ) . pridėti ( turinys, funkcija ( indeksas, html ) )
Čia:
- “ parinkiklis “ yra pasiekiamas HTML elementas.
- “ pridėti () “ metodas naudojamas elementui pridėti.
- “ turinys “ yra būtinas parametras, kuris nustato pridėtinų duomenų turinį.
- “ funkcija() “ yra neprivalomas elementas.
1 pavyzdys: Pridėti tą patį elementą pastraipoje
Norėdami pastraipoje pridėti tuos pačius elementus, pirmiausia atidarykite atitinkamą HTML puslapį ir naudokite „ “ žymą, kad įterptumėte duomenis tarp žymos. Be to, priskirkite „ id “ į pastraipą, kad pasiektumėte ją „JavaScript“:
< p id = 'elementas' > Sveiki atvykę į Linuxhint p >
Tada sukurkite mygtuką naudodami „
Dabar naudokite ' “ žymą, kad pridėtumėte „JavaScript“ kodą:
< scenarijus >
$ ( dokumentas ) . pasiruošę ( funkcija ( ) {
$ ( '.btn' ) . spustelėkite ( funkcija ( ) {
$ ( '#elementas' ) . pridėti ( 'Pridėti tekstą spustelėjus mygtuką' ) ;
} ) ;
} ) ;
scenarijus >
Pagal nurodytą kodą:
- “ pasiruošęs () “ metodas naudojamas norint padaryti funkciją pasiekiamą, kai dokumentas sėkmingai įkeliamas į ekraną. Norėdami tai padaryti, pereikite „ funkcija() “ metodas kaip parametras.
- “ spustelėkite () “ metodas iškviečiamas, kai vartotojas spusteli HTML mygtuko elementą. Šis metodas nustato paspaudimo vykdymą, kai vartotojas paspaudžia mygtuką.
- “ pridėti () “ metodas įterpia objektų rinkinį atlikus „ spustelėkite () “ metodas. Tuo tikslu perduokite tekstą, kurį reikia pridėti.
Išvestis
2 pavyzdys: Sąrašo formoje pridėkite skirtingus elementus
Galite pridėti skirtingus elementus sąrašo forma. Norėdami tai padaryti, sukurkite HTML puslapį ir įterpkite tekstą naudodami „ “ žyma:
< p id = 'pridėti' > „JavaScript“ pridėti ( ) Funkcija p > Padarykite mygtuką naudodami „
Sukurkite „div“ sudėtinį rodinį ir priskirkite jam ID naudodami „ id “ atributas. Tada pridėkite elementus naudodami „ “ žyma:
< dal id = 'daugiau elemento' >< p > Elementas 1 p >
< p > Elementas 2 p >
div >
Tada naudokite „ “ žymą ir tarp žymos pridėkite šį kodą:
< scenarijus >var ElementNumber = 3 ;
funkcija funkc ( ) {
buvo tėvas = dokumentas. getElementById ( „daugiau elemento“ ) ;
buvo naujasElementas = „
Elementas“
+ Elemento numeris + '' ;tėvas. įterpti gretimąHTML ( 'prieš' , ir Elementas ) ;
Elemento numeris ++;
}
scenarijus >
Aukščiau nurodytame kode:
- Deklaruokite kintamąjį naudodami ' buvo “ raktinį žodį ir priskirkite jam vertę pagal savo pageidavimus.
- Apibrėžkite funkciją ir inicijuokite kitą apibrėžtos funkcijos kintamąjį konkrečiu pavadinimu.
- Tada iškvieskite „ getElementById() ” JavaScript metodas, leidžiantis pasiekti elementą ir perduoti ID reikšmę kaip parametrą.
- “ insertAdjacentHTML() “ metodas naudojamas HTML kodui pridėti į nurodytą vietą ir elementą pridėti šalia kito.
- Norėdami padidinti elementą, naudokite padidinimo operatorių:
Su įvairiais pavyzdžiais sužinojote apie append() metodo naudojimą JavaScript.
Išvada
“ pridėti () “ yra „JavaScript“ metodas, naudojamas elementui ir objektams įterpti apibrėžto elemento pabaigoje. Galite pridėti tą patį elementą ir skirtingus elementus pastraipų ir sąrašų pavidalu. Tiksliau, jis gali būti suaktyvintas spustelėjus mygtuką. Šis įrašas parodė „JavaScript“ metodą „pridėti ()“.