Ez a bejegyzés ismerteti az objektumazonosító megtalálásának módszerét JavaScript objektumok tömbjében.
Mi az append() metódus a JavaScriptben?
A ' mellékel() ” metódus a JavaScriptben az elemek vagy karakterlánc-objektumok beillesztésére szolgál az elem végére. Ez az egyik leghasznosabb módszer a kívánt elem hozzáadására az elem végén, a megadott helyen.
Hogyan kell használni az append() metódust a JavaScriptben?
Az append() függvény használatához a JavaScriptben kövesse az alábbi szintaxist:
$ ( választó ) . mellékel ( tartalom, funkció ( index, html ) )
Itt:
- ' választó ” az a HTML elem, amelyhez hozzáfér.
- ' mellékel() ” módszert használjuk az elem hozzáfűzésére.
- ' tartalom ” a szükséges paraméter, amely meghatározza a hozzáfűzendő adattartalmat.
- ' funkció() ” opcionális elem.
1. példa: Ugyanazon elem hozzáfűzése a bekezdéshez
Ha ugyanazokat az elemeket szeretné beilleszteni egy bekezdésbe, először nyissa meg a megfelelő HTML-oldalt, és használja a „ ” címkét az adatok beágyazásához a címke közé. Továbbá rendeljen hozzá egy „ id ” a bekezdéshez, hogy JavaScriptben hozzáférjen:
< p id = 'elem' > Üdvözöljük a Linuxhintben p >
Ezután hozzon létre egy gombot a „
Most használja a „ ” címke a JavaScript kód hozzáadásához:
< forgatókönyv >
$ ( dokumentum ) . kész ( funkció ( ) {
$ ( '.btn' ) . kattintson ( funkció ( ) {
$ ( '#elem' ) . mellékel ( 'Szöveg hozzáfűzése a gombnyomáshoz' ) ;
} ) ;
} ) ;
forgatókönyv >
A megadott kód szerint:
- ' kész() ” metódus használható egy funkció elérhetővé tételére, amikor a dokumentum sikeresen betöltődik a képernyőre. Ehhez adja át a „ funkció() ” metódus paraméterként.
- ' kattints() ” metódus akkor indul el, amikor a felhasználó a HTML gombelemre kattint. Ez a módszer meghatározza a kattintás végrehajtását, amikor a felhasználó megnyomja a gombot.
- ' mellékel() ' metódus beszúr egy objektumkészletet a ' kattints() ” módszerrel. Ebből a célból adja át a hozzáfűzendő szöveget.
Kimenet
2. példa: Különböző elemek hozzáfűzése a lista űrlaphoz
A különböző elemeket hozzáfűzheti lista formájában. Ehhez készítsen egy HTML oldalt, és ágyazzon be szöveget a „ ” címke:
< p id = 'mellékel' > JavaScript Hozzáfűzés ( ) Funkció p > Készítsen egy gombot a „
Hozzon létre egy div tárolót, és rendeljen hozzá egy azonosítót a „ id ' tulajdonság. Ezután adja hozzá az elemeket a „ ” címke:
< oszt id = 'több elem' >< p > Elem 1 p >
< p > Elem 2 p >
div >
Ezután a „ ” címkét, és adja hozzá a következő kódot a címke közé:
< forgatókönyv >var ElementNumber = 3 ;
függvény func ( ) {
szülő volt = dokumentum. getElementById ( 'több elem' ) ;
új elem volt = '
Elem'
+ ElementNumber + '' ;szülő. insertAdjacentHTML ( 'előtt' , és az Elem ) ;
ElementNumber ++;
}
forgatókönyv >
A fent megadott kódban:
- Deklaráljon egy változót a ' volt ” kulcsszót, és rendeljen hozzá értéket az Ön preferenciája szerint.
- Határozzon meg egy függvényt, és inicializáljon egy másik változót a definiált függvényen belül egy adott névvel.
- Ezután hívja meg a „ getElementById() ” JavaScript metódus az elem eléréséhez és az id érték átadásához paraméterként.
- ' insertAdjacentHTML() ” metódust használják a HTML-kód egy meghatározott pozícióba történő hozzáadására és az elem egymás mellé történő hozzáadására.
- Használja az inkrement operátort, hogy növelje az elemet:
Különböző példákon keresztül tanulta meg az append() metódus használatát a JavaScriptben.
Következtetés
' mellékel() ” egy JavaScript metódus, amelyet az elem és az objektumok beszúrására használnak a definiált elem végére. Ugyanazt az elemet és különböző elemeket is hozzáfűzhet bekezdések és listák formájában. Pontosabban, egy gombnyomással kiváltható. Ez a bejegyzés bemutatta az append() metódust a JavaScriptben.