Dette indlæg har angivet metoden til at finde et objekt-id i en række JavaScript-objekter.
Hvad er append()-metoden i JavaScript?
Det ' Tilføj() ”-metoden i JavaScript bruges til at indsætte elementerne eller strengobjekterne i elementets ende. Dette er en af de mest nyttige metoder til at tilføje det nødvendige element på den angivne position i elementets ende.
Hvordan bruger man append()-metoden i JavaScript?
For at bruge append()-funktionen i JavaScript skal du følge den angivne syntaks, der er nævnt nedenfor:
$ ( vælger ) . Tilføj ( indhold, funktion ( indeks, html ) )
Her:
- “ vælger ” er HTML-elementet, der tilgås.
- “ Tilføj() ”-metoden bruges til at tilføje elementet.
- “ indhold ” er den påkrævede parameter, som bestemmer dataindholdet, der skal tilføjes.
- “ fungere() ” er et valgfrit element.
Eksempel 1: Tilføj samme element i afsnit
For at tilføje de samme elementer i et afsnit skal du først åbne den relevante HTML-side og bruge ' ” tag for at indlejre data mellem tagget. Tildel desuden en ' id ” til afsnittet for at få adgang til det i JavaScript:
< p id = 'element' > Velkommen til Linuxhint s >
Opret derefter en knap ved hjælp af '
Brug nu ' ' tag for at tilføje JavaScript-koden:
< manuskript >
$ ( dokument ) . parat ( fungere ( ) {
$ ( '.btn' ) . klik ( fungere ( ) {
$ ( '#element' ) . Tilføj ( 'Tilføj tekst ved knapklik' ) ;
} ) ;
} ) ;
manuskript >
Ifølge den givne kode:
- “ parat() ”-metoden bruges til at gøre en funktion tilgængelig, når dokumentet er indlæst på skærmen. For at gøre det skal du videregive ' fungere() ” metode som parameter.
- “ klik() ”-metoden påberåber sig, når brugeren klikker på HTML-knapelementet. Denne metode bestemmer udførelsen af klikket, når en bruger trykker på knappen.
- “ Tilføj() '-metoden indsætter et sæt objekter efter udførelse af ' klik() ” metode. Til det formål skal du videregive den tekst, der skal tilføjes.
Produktion
Eksempel 2: Tilføj forskellige elementer i listeform
Du kan tilføje de forskellige elementer i form af en liste. For at gøre det skal du lave en HTML-side og integrere tekst ved hjælp af ' ' tag:
< p id = 'Tilføj' > JavaScript tilføj ( ) Fungere s > Lav en knap ved hjælp af '
Lav en div-beholder og tildel et id til denne beholder ved at bruge ' id ' attribut. Tilføj derefter elementerne ved hjælp af ' ' tag:
< div id = 'mere-element' >< s > Element 1 s >
< s > Element 2 s >
div >
Dernæst brugte ' ” tag og tilføj følgende kode mellem tagget:
< manuskript >var ElementNumber = 3 ;
funktion func ( ) {
var forælder = dokument. getElementById ( 'mere-element' ) ;
var nyt Element = '
Element'
+ Elementnummer + '' ;forælder. indsætAdjacentHTML ( 'før' , og Element ) ;
Elementnummer ++;
}
manuskript >
I ovennævnte kode:
- Deklarer en variabel ved at bruge ' var ” søgeord og tildel det en værdi efter dine præferencer.
- Definer en funktion og initialiser en anden variabel inde i den definerede funktion med et bestemt navn.
- Påkald derefter ' getElementById() ” JavaScript-metode for at få adgang til elementet og sende id-værdien som parameter.
- “ indsætAdjacentHTML() ”-metoden bruges til at tilføje HTML-koden til en specificeret position og tilføje elementet ved siden af hinanden.
- Brug stigningsoperatoren til at lave en stigning i elementet:
Du har lært om brugen af append()-metoden i JavaScript med forskellige eksempler.
Konklusion
“ Tilføj() ” er en JavaScript-metode, der bruges til at indsætte elementet og objekterne i slutningen af det definerede element. Du kan tilføje det samme element og forskellige elementer i form af afsnit og lister. Mere specifikt kan den udløses ved et knapklik. Dette indlæg har demonstreret append()-metoden i JavaScript.