Hva er vedleggsmetoden i JavaScript

Anta at du vil lage en liste og legge til flere elementer. Det bruker en stor tid i tilfelle å gjøre det manuelt. For å gjøre det gir JavaScript "vedlegg ()”Metode for å ta et objekt som et argument og deretter sette dem inn på slutten av den definerte listen. Videre kan du også legge til elementene annerledes, som på listen eller i avsnittsform.

Dette innlegget har uttalt metoden for å finne en objekt -ID i en rekke JavaScript -objekter.

Hva er vedlegg () -metoden i JavaScript?

“vedlegg ()”Metode i JavaScript brukes for å sette inn elementene eller strengobjekter ved elementets slutt. Dette er en av de mest nyttige metodene for å legge til det nødvendige elementet i den spesifiserte posisjonen ved elementets slutt.

Hvordan du bruker vedlegg () -metoden i JavaScript?

Følg den uttalte syntaksen som er nevnt nedenfor:

＄ (velger).vedlegg (innhold, funksjon (indeks, HTML))

Her:

• “velger”Er HTML -elementet som er tilgjengelig.
• “vedlegg ()”Metoden brukes til å legge til elementet.
• “innhold”Er den nødvendige parameteren, som bestemmer datainnholdet for å legge til.
• “funksjon()”Er et valgfritt element.

Eksempel 1: Legg til samme element i avsnitt

For å legge til de samme elementene i et avsnitt, åpner du først den aktuelle HTML -siden og bruker "

”Tag for å legge inn data mellom taggen. Tilordne dessuten en "id”Til avsnittet for å få tilgang til det i JavaScript:

Velkommen til Linuxhint

Deretter oppretter du en knapp ved hjelp av "”Element og bruk“klasse”Attributt for å spesifisere et bestemt navn og legge inn tekst med knappelement som skal vises på knappen:

Vedlegg Element

Nå, bruk "”Tag For å legge til JavaScript -koden:

I henhold til den gitte koden:

• “klar()”Metode brukes for å gjøre en funksjon tilgjengelig når dokumentet er lastet på skjermen vellykket. For å gjøre det, pass på “funksjon()”Metode som parameter.
• “Klikk ()”Metode påkaller når brukeren klikker på HTML -knappelementet. Denne metoden bestemmer utførelsen av klikket når en bruker treffer knappen.
• “vedlegg ()”Metode setter inn et sett med objekter etter utførelse av“Klikk ()”Metode. For det formålet, passerer teksten som må legge 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 legg inn tekst ved hjelp av "

JavaScript append () -funksjon

Lag en knapp ved hjelp av “”Element og bruk“ved trykk”Hendelse som oppstår når en bruker klikker på et HTML -element:

Vedlegg elementer

Lag en DIV -beholder og tilordne en ID til den beholderen ved å bruke “id" Egenskap. Deretter legger du til elementene ved hjelp av "

Element 1

Element 2

Neste, brukte “”Merk og legg til følgende kode mellom taggen:

I den ovennevnte koden:

• Erklære en variabel ved hjelp av “var”Søkeord og tilordne en verdi til det i henhold til din preferanse.
• Definer en funksjon og initialiser en annen variabel i den definerte funksjonen med et bestemt navn.
• Deretter påkaller “getElementById ()”JavaScript -metoden for å få tilgang til elementet og passere ID -verdien som parameter.
• “INSERTADJACENTHTML ()”Metode brukes for å legge til HTML -koden i en spesifisert posisjon og legge til elementet ved siden av hverandre.
• Bruk inkrementoperatøren til å gjøre et økning i elementet:

Du har lært om bruken av Append () -metoden i JavaScript med forskjellige eksempler.

Konklusjon

“vedlegg ()”Er en JavaScript -metode som brukes til å 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 det utløses på et knappeklikk. Dette innlegget har demonstrert vedleggsmetoden i JavaScript.