Selles postituses on kirjeldatud meetodit objekti ID leidmiseks JavaScripti objektide massiivist.
Mis on append() meetod JavaScriptis?
' lisa () ” meetodit JavaScriptis kasutatakse elementide või stringiobjektide sisestamiseks elemendi lõppu. See on üks kõige kasulikumaid meetodeid vajaliku elemendi lisamiseks elemendi lõppu määratud kohta.
Kuidas kasutada append() meetodit JavaScriptis?
Funktsiooni append() kasutamiseks JavaScriptis järgige alltoodud süntaksit:
$ ( valija ) . lisama ( sisu, funktsioon ( indeks, html ) )
Siin:
- “ valija ” on HTML-element, millele pääseb juurde.
- “ lisa () ” meetodit kasutatakse elemendi lisamiseks.
- “ sisu ” on nõutav parameeter, mis määrab lisatava andmesisu.
- “ funktsioon () ” on valikuline element.
Näide 1: Lisa sama element lõiku
Samade elementide lisamiseks lõiku avage esmalt asjakohane HTML-leht ja kasutage ' ” märgendi, et manustada andmed märgendi vahele. Lisaks määrake ' id ”, et pääseda sellele JavaScriptis juurde:
< p id = 'element' > Tere tulemast Linuxhinti lk >
Järgmisena looge nupp, kasutades '
Nüüd kasutage ' ” märgend JavaScripti koodi lisamiseks:
< stsenaarium >
$ ( dokument ) . valmis ( funktsiooni ( ) {
$ ( '.btn' ) . klõpsa ( funktsiooni ( ) {
$ ( '#element' ) . lisama ( 'Lisa tekst nupu klõpsamisele' ) ;
} ) ;
} ) ;
stsenaarium >
Vastavalt antud koodile:
- “ valmis () ” meetodit kasutatakse funktsiooni kättesaadavaks tegemiseks, kui dokument on edukalt ekraanile laaditud. Selleks jätke ' funktsioon () ” meetodit parameetrina.
- “ kliki () ” meetod kutsub esile, kui kasutaja klõpsab HTML-nupu elemendil. See meetod määrab klõpsu sooritamise, kui kasutaja nuppu vajutab.
- “ lisa () ' meetod lisab objektide komplekti pärast 'käivitamist' kliki () ” meetod. Selleks edastage tekst, mis tuleb lisada.
Väljund
Näide 2: Lisage loendivormile erinevad elemendid
Saate lisada erinevaid elemente loendi kujul. Selleks looge HTML-leht ja manustage tekst, kasutades ' ” silt:
< p id = 'lisada' > JavaScripti lisa ( ) Funktsioon lk > Tehke nupp, kasutades '
Looge div-konteiner ja määrake sellele konteinerile ID, kasutades ' id ” atribuut. Järgmisena lisage elemendid ' ” silt:
< divi id = 'rohkem elementi' >< lk > Element 1 lk >
< lk > Element 2 lk >
div >
Järgmisena kasutati ' ” ja lisage sildi vahele järgmine kood:
< stsenaarium >var ElementNumber = 3 ;
funktsioon func ( ) {
oli lapsevanem = dokument. getElementById ( 'rohkem element' ) ;
oli uusElement = '
Element'
+ ElementNumber + '' ;lapsevanem. insertAdjacentHTML ( 'enne' ja Element ) ;
ElementNumber ++;
}
stsenaarium >
Ülaltoodud koodis:
- Deklareerige muutuja, kasutades ' oli ” märksõna ja määrake sellele väärtus vastavalt oma eelistustele.
- Määratlege funktsioon ja lähtestage defineeritud funktsiooni sees mõni muu muutuja konkreetse nimega.
- Seejärel avage ' getElementById() ” JavaScripti meetod elemendile juurdepääsuks ja id väärtuse edastamiseks parameetrina.
- “ insertAdjacentHTML() ” meetodit kasutatakse HTML-koodi lisamiseks määratud asukohta ja elemendi kõrvuti lisamiseks.
- Kasutage elemendi suurendamiseks juurdekasvuoperaatorit:
Olete õppinud meetodi append() kasutamist JavaScriptis erinevate näidete abil.
Järeldus
“ lisa () ” on JavaScripti meetod, mida kasutatakse elemendi ja objektide sisestamiseks määratletud elemendi lõppu. Saate lisada sama elemendi ja erinevaid elemente lõikude ja loendite kujul. Täpsemalt saab selle käivitada nupuvajutusega. See postitus on näidanud append() meetodit JavaScriptis.