Tässä viestissä on kerrottu menetelmä objektitunnuksen löytämiseksi JavaScript-objektien joukosta.
Mikä on append()-menetelmä JavaScriptissä?
' liitä() ” -menetelmää JavaScriptissä käytetään elementtien tai merkkijonoobjektien lisäämiseen elementin loppuun. Tämä on yksi hyödyllisimmistä tavoista lisätä vaadittu elementti määritettyyn kohtaan elementin lopussa.
Kuinka käyttää append()-menetelmää JavaScriptissä?
Voit käyttää append()-funktiota JavaScriptissä noudattamalla alla mainittua syntaksia:
$ ( valitsin ) . liittää ( sisältö, toiminto ( indeksi, html ) )
Tässä:
- ' valitsin ” on HTML-elementti, jota käytetään.
- ' liitä() ” -menetelmää käytetään elementin liittämiseen.
- ' sisältö ” on pakollinen parametri, joka määrittää liitettävän tietosisällön.
- ' funktio() ” on valinnainen elementti.
Esimerkki 1: Liitä sama elementti kappaleeseen
Jos haluat liittää samat elementit kappaleeseen, avaa ensin asianmukainen HTML-sivu ja käytä ' ” -tunnisteen upottaaksesi tietoja tunnisteen väliin. Lisäksi määritä ' id ” kappaleeseen päästäksesi siihen JavaScriptissä:
< p id = 'elementti' > Tervetuloa Linuxhintiin s >
Luo seuraavaksi painike '
Käytä nyt ' ' -tagi JavaScript-koodin lisäämiseksi:
< käsikirjoitus >
$ ( asiakirja ) . valmis ( toiminto ( ) {
$ ( '.btn' ) . klikkaus ( toiminto ( ) {
$ ( '#elementti' ) . liittää ( 'Liitä teksti painikkeen napsautukseen' ) ;
} ) ;
} ) ;
käsikirjoitus >
Annetun koodin mukaan:
- ' valmis() ” -menetelmää käytetään toiminnon asettamiseen käyttöön, kun asiakirja on ladattu näytölle onnistuneesti. Voit tehdä tämän ohittamalla ' funktio() ”-menetelmä parametrina.
- ' klikkaus() ” -menetelmä kutsuu, kun käyttäjä napsauttaa HTML-painikeelementtiä. Tämä menetelmä määrittää napsautuksen suorittamisen, kun käyttäjä painaa painiketta.
- ' liitä() ' -menetelmä lisää joukon objekteja ' klikkaus() ”menetelmä. Välitä tätä tarkoitusta varten liitettävä teksti.
Lähtö
Esimerkki 2: Liitä eri elementtejä luettelomuotoon
Voit liittää eri elementit luettelon muodossa. Tee tämä tekemällä HTML-sivu ja upottamalla tekstiä ' 'tunniste:
< p id = 'liitä' > JavaScript Liitä ( ) Toiminto s > Tee painike käyttämällä '
Tee div-säilö ja määritä sille tunnus käyttämällä ' id ”-attribuutti. Lisää seuraavaksi elementit '' 'tunniste:
< div id = 'enemmän elementtiä' >< s > Elementti 1 s >
< s > Elementti 2 s >
div >
Seuraavaksi käytettiin ' ” -tunnisteen ja lisää seuraava koodi tagin väliin:
< käsikirjoitus >var ElementNumber = 3 ;
toiminto func ( ) {
oli vanhempi = asiakirja. getElementById ( 'enemmän elementtiä' ) ;
oli uusi elementti = '
Elementti'
+ ElementNumber + '' ;vanhempi. insertAdjacentHTML ( 'ennen' , ja Element ) ;
ElementNumber ++;
}
käsikirjoitus >
Yllä mainitussa koodissa:
- Ilmoita muuttuja käyttämällä ' oli ” avainsana ja anna sille arvo mieltymystesi mukaan.
- Määritä funktio ja alusta toinen muuttuja määritetyn funktion sisällä tietyllä nimellä.
- Kutsu sitten ' getElementById() ” JavaScript-menetelmä elementin käyttämiseksi ja id-arvon välittämiseksi parametrina.
- ' insertAdjacentHTML() ” -menetelmää käytetään HTML-koodin lisäämiseen tiettyyn kohtaan ja elementin lisäämiseen vierekkäin.
- Käytä inkrementtioperaattoria lisätäksesi elementtiä:
Olet oppinut append()-menetelmän käytöstä JavaScriptissä useiden esimerkkien avulla.
Johtopäätös
' liitä() ” on JavaScript-menetelmä, jota käytetään elementin ja objektien lisäämiseen määritellyn elementin loppuun. Voit liittää saman elementin ja eri elementtejä kappaleiden ja luetteloiden muodossa. Tarkemmin sanottuna se voidaan laukaista napin painalluksella. Tämä viesti on osoittanut append()-menetelmän JavaScriptissä.