Dette innlegget har angitt metoden for å finne en objekt-ID i en rekke JavaScript-objekter.
Hva er append()-metoden i JavaScript?
« legge til() ”-metoden i JavaScript brukes for å sette inn elementene eller strengobjektene ved elementets ende. Dette er en av de mest nyttige metodene for å legge til det nødvendige elementet på den angitte posisjonen ved elementets ende.
Hvordan bruke append()-metoden i JavaScript?
For å bruke append()-funksjonen i JavaScript, følg den oppgitte syntaksen nevnt nedenfor:
$ ( velger ) . legge til ( innhold, funksjon ( indeks, html ) )
Her:
- ' velger ” er HTML-elementet som er tilgjengelig.
- ' legge til() ”-metoden brukes til å legge til elementet.
- ' innhold ” er den nødvendige parameteren, som bestemmer datainnholdet som skal legges til.
- ' funksjon() ” er et valgfritt element.
Eksempel 1: Legg til samme element i avsnitt
For å legge til de samme elementene i et avsnitt, åpne først den relevante HTML-siden og bruk ' ”-tag for å bygge inn data mellom taggen. Videre tilordne en ' id ' til avsnittet for å få tilgang til det i JavaScript:
< p id = 'element' > Velkommen til Linuxhint s >
Deretter oppretter du en knapp ved hjelp av '
Bruk nå ' '-taggen for å legge til JavaScript-koden:
< manus >
$ ( dokument ) . klar ( funksjon ( ) {
$ ( '.btn' ) . klikk ( funksjon ( ) {
$ ( '#element' ) . legge til ( 'Legg til tekst ved knappeklikk' ) ;
} ) ;
} ) ;
manus >
I henhold til den gitte koden:
- ' klar() ”-metoden brukes for å gjøre en funksjon tilgjengelig når dokumentet er lastet inn på skjermen. For å gjøre det, bestå ' funksjon() ”-metoden som parameter.
- ' klikk() ”-metoden påkaller når brukeren klikker på HTML-knappelementet. Denne metoden bestemmer utførelsen av klikket når en bruker trykker på knappen.
- ' legge til() '-metoden setter inn et sett med objekter etter utførelse av ' klikk() 'metoden. For det formålet sender du teksten som må legges til.
Produksjon
Eksempel 2: Legg til forskjellige elementer i listeform
Du kan legge til de forskjellige elementene i form av en liste. For å gjøre det, lag en HTML-side og bygg inn tekst ved hjelp av ' ' stikkord:
< p id = 'legg til' > JavaScript vedlegg ( ) Funksjon s > Lag en knapp ved å bruke '
Lag en div-beholder og tilordne en id til den beholderen ved å bruke ' id ' Egenskap. Deretter legger du til elementene ved hjelp av ' ' stikkord:
< div id = 'mer-element' >< s > Element 1 s >
< s > Element 2 s >
div >
Deretter brukte du ' ” tag og legg til følgende kode mellom taggen:
< manus >var ElementNumber = 3 ;
funksjon funksjon ( ) {
var parent = dokument. getElementById ( 'mer-element' ) ;
var newElement = '
Element'
+ Elementnummer + '' ;forelder. sett innAdjacentHTML ( 'før' , og Element ) ;
Elementnummer ++;
}
manus >
I koden ovenfor:
- Deklarer en variabel ved å bruke ' var ” nøkkelord og tilordne en verdi til det i henhold til dine preferanser.
- Definer en funksjon og initialiser en annen variabel inne i den definerte funksjonen med et bestemt navn.
- Deretter påkaller du ' getElementById() ” JavaScript-metode for å få tilgang til elementet og sende id-verdien som parameter.
- ' insertAdjacentHTML() ”-metoden brukes for å legge til HTML-koden i en spesifisert posisjon og legge til elementet ved siden av hverandre.
- Bruk inkrementoperatoren til å lage en økning i elementet:
Du har lært om bruken av append()-metoden i JavaScript med forskjellige eksempler.
Konklusjon
' legge til() ” er en JavaScript-metode som brukes for å sette inn elementet og objektene på slutten av det definerte elementet. Du kan legge til det samme elementet og forskjellige elementer i form av avsnitt og lister. Mer spesifikt kan den utløses ved et knappeklikk. Dette innlegget har demonstrert append()-metoden i JavaScript.