Tento príspevok uvádza metódu na nájdenie ID objektu v poli objektov JavaScript.
Čo je metóda append() v JavaScripte?
' pripojiť () ” metóda v JavaScripte sa používa na vkladanie prvkov alebo objektov reťazca na koniec prvku. Toto je jedna z najužitočnejších metód na pridanie požadovaného prvku na zadanú pozíciu na konci prvku.
Ako používať metódu append() v JavaScripte?
Ak chcete použiť funkciu append() v JavaScripte, postupujte podľa nižšie uvedenej syntaxe:
$ ( selektor ) . priložiť ( obsah, funkcia ( index, html ) )
Tu:
- “ selektor ” je prvok HTML, ku ktorému sa pristupuje.
- “ pripojiť () ” metóda sa používa na pripojenie prvku.
- “ obsahu ” je požadovaný parameter, ktorý určuje obsah údajov, ktoré sa majú pripojiť.
- “ funkcia() “ je voliteľný prvok.
Príklad 1: Pripojte rovnaký prvok do odseku
Ak chcete pridať rovnaké prvky do odseku, najprv otvorte príslušnú stránku HTML a použite „ ” na vloženie údajov medzi značku. Okrem toho priraďte „ id ” do odseku, aby ste k nemu mali prístup v jazyku JavaScript:
< p id = 'element' > Vitajte v Linuxhint p >
Ďalej vytvorte tlačidlo pomocou „
Teraz použite „ ” na pridanie kódu JavaScript:
< skript >
$ ( dokument ) . pripravený ( funkciu ( ) {
$ ( '.btn' ) . kliknite ( funkciu ( ) {
$ ( '#element' ) . priložiť ( 'Pridať text po kliknutí na tlačidlo' ) ;
} ) ;
} ) ;
skript >
Podľa zadaného kódu:
- “ pripravený() ” metóda sa používa na sprístupnenie funkcie, keď sa dokument úspešne načíta na obrazovku. Ak to chcete urobiť, prejdite cez „ funkcia() ” metóda ako parameter.
- “ klikni() ” metóda sa vyvolá, keď používateľ klikne na prvok tlačidla HTML. Táto metóda určuje vykonanie kliknutia, keď používateľ stlačí tlačidlo.
- “ pripojiť () ” metóda vloží množinu objektov po vykonaní “ klikni() “. Na tento účel odovzdajte text, ktorý je potrebné pripojiť.
Výkon
Príklad 2: Pridanie rôznych prvkov do formulára zoznamu
Rôzne prvky môžete pripojiť vo forme zoznamu. Ak to chcete urobiť, vytvorte stránku HTML a vložte text pomocou „ Značka ”:
< p id = 'priložiť' > Priložiť JavaScript ( ) Funkcia p > Vytvorte tlačidlo pomocou „
Vytvorte kontajner div a priraďte tomuto kontajneru ID pomocou „ id “. Potom pridajte prvky pomocou „ Značka ”:
< div id = 'viac prvkov' >< p > Element 1 p >
< p > Element 2 p >
div >
Ďalej sa použilo „ ” a medzi značku pridajte nasledujúci kód:
< skript >var ElementNumber = 3 ;
funkcia func ( ) {
bol rodič = dokument. getElementById ( „viac prvkov“ ) ;
bol novýPrvok = „
Prvok“
+ ElementNumber + '' ;rodič. insertAdjacentHTML ( 'pred' a Element ) ;
ElementNumber ++;
}
skript >
Vo vyššie uvedenom kóde:
- Deklarujte premennú pomocou „ bol ” a priraďte mu hodnotu podľa vašich preferencií.
- Definujte funkciu a inicializujte ďalšiu premennú vo vnútri definovanej funkcie s konkrétnym názvom.
- Potom vyvolajte „ getElementById() ” JavaScript metóda na prístup k prvku a odovzdanie hodnoty id ako parametra.
- “ insertAdjacentHTML() Metóda ” sa používa na pridanie kódu HTML na určenú pozíciu a pridanie prvkov vedľa seba.
- Na zvýšenie v prvku použite operátor prírastku:
O použití metódy append() v JavaScripte ste sa dozvedeli na rôznych príkladoch.
Záver
“ pripojiť () “ je metóda JavaScriptu, ktorá sa používa na vkladanie prvku a objektov na koniec definovaného prvku. Môžete pridať rovnaký prvok a rôzne prvky vo forme odsekov a zoznamov. Presnejšie povedané, môže sa spustiť kliknutím na tlačidlo. Tento príspevok demonštroval metódu append() v JavaScripte.