Ang post na ito ay nagpahayag ng paraan para sa paghahanap ng object id sa isang array ng mga object ng JavaScript.
Ano ang append() Method sa JavaScript?
Ang ' dugtungan() ” na paraan sa JavaScript ay ginagamit para sa pagpasok ng mga elemento o string na bagay sa dulo ng elemento. Ito ay isa sa mga pinakakapaki-pakinabang na paraan upang idagdag ang kinakailangang elemento sa tinukoy na posisyon sa dulo ng elemento.
Paano Gamitin ang Append() Method sa JavaScript?
Upang magamit ang append() function sa JavaScript, sundin ang nakasaad na syntax na binanggit sa ibaba:
$ ( tagapili ) . dugtungan ( nilalaman, pag-andar ( index, html ) )
dito:
- “ tagapili ” ay ang HTML na elemento na naa-access.
- “ dugtungan() Ang paraan ay ginagamit upang idagdag ang elemento.
- “ nilalaman ” ay ang kinakailangang parameter, na tumutukoy sa nilalaman ng data na idaragdag.
- “ function() ” ay isang opsyonal na elemento.
Halimbawa 1: Ikabit ang Parehong Elemento sa Talata
Upang idagdag ang parehong mga elemento sa isang talata, buksan muna ang nauugnay na pahina ng HTML at gamitin ang ' ” tag para mag-embed ng data sa pagitan ng tag. Higit pa rito, magtalaga ng ' id ” sa talata upang ma-access ito sa JavaScript:
< p id = 'elemento' > Maligayang pagdating sa Linuxhint p >
Susunod, lumikha ng isang pindutan sa tulong ng ' 'elemento at gamitin ang ' klase ” attribute upang tumukoy ng partikular na pangalan at mag-embed ng text na may elemento ng button na ipapakita sa button:
< pindutan klase = 'btn' > Ikabit ang Elemento pindutan >Ngayon, gamitin ang ' ” tag para idagdag ang JavaScript code:
< iskrip >
$ ( dokumento ) . handa na ( function ( ) {
$ ( '.btn' ) . i-click ( function ( ) {
$ ( '#elemento' ) . dugtungan ( 'Magdagdag ng teksto sa pag-click sa pindutan' ) ;
} ) ;
} ) ;
iskrip >
Ayon sa ibinigay na code:
- “ handa na() Ginagamit ang paraan para gawing available ang isang function kapag matagumpay na na-load ang dokumento sa screen. Upang gawin ito, ipasa ang ' function() ” paraan bilang parameter.
- “ click() ” na paraan kapag nag-click ang user sa elemento ng HTML button. Tinutukoy ng paraang ito ang pagsasagawa ng pag-click kapag pinindot ng user ang button.
- “ dugtungan() 'Ang pamamaraan ay naglalagay ng isang hanay ng mga bagay pagkatapos ng pagpapatupad ng ' click() ” paraan. Para sa layuning iyon, ipasa ang teksto na kailangang idugtong.
Output
Halimbawa 2: Ikabit ang Iba't Ibang Elemento sa Form ng Listahan
Maaari mong idagdag ang iba't ibang elemento sa anyo ng isang listahan. Upang gawin ito, gumawa ng HTML page at mag-embed ng text sa tulong ng “ 'tag:
< p id = 'idagdag' > Idagdag ang JavaScript ( ) Function p >Gumawa ng isang pindutan gamit ang ' 'elemento at gamitin ang ' onclick ” kaganapan na nangyayari kapag nag-click ang isang user sa isang elemento ng HTML:
< button sa pag-click = 'func()' > Ikabit ang Mga Elemento pindutan >Gumawa ng div container at magtalaga ng id sa container na iyon gamit ang “ id ” katangian. Susunod, idagdag ang mga elemento sa tulong ng ' 'tag:
< div id = 'higit pang elemento' >< p > Elemento 1 p >
< p > Elemento 2 p >
div >
Susunod, ginamit ang ' ” tag at idagdag ang sumusunod na code sa pagitan ng tag:
< iskrip >var ElementNumber = 3 ;
function function ( ) {
ay isang magulang = dokumento. getElementById ( 'more-element' ) ;
ay newElement = '
Element'
+ ElementNumber + '' ;magulang. insertAdjacentHTML ( 'bago' , at Element ) ;
ElementNumber ++;
}
iskrip >
Sa nabanggit na code:
- Ipahayag ang isang variable gamit ang ' ay ” keyword at magtalaga ng halaga dito ayon sa iyong kagustuhan.
- Tukuyin ang isang function at simulan ang isa pang variable sa loob ng tinukoy na function na may partikular na pangalan.
- Pagkatapos, tawagan ang ' getElementById() ” Paraan ng JavaScript upang ma-access ang elemento at ipasa ang halaga ng id bilang parameter.
- “ insertAdjacentHTML() Ang paraan ng ” ay ginagamit para sa pagdaragdag ng HTML code sa isang tinukoy na posisyon at pagdaragdag ng elementong katabi ng bawat isa.
- Gamitin ang increment operator upang gumawa ng increment sa elemento:
Natutunan mo ang tungkol sa paggamit ng append() na paraan sa JavaScript na may iba't ibang halimbawa.
Konklusyon
“ dugtungan() ” ay isang pamamaraan ng JavaScript na ginagamit para sa pagpasok ng elemento at mga bagay sa dulo ng tinukoy na elemento. Maaari mong idagdag ang parehong elemento at iba't ibang elemento sa anyo ng mga talata at listahan. Mas partikular, maaari itong ma-trigger sa isang pag-click sa pindutan. Ipinakita ng post na ito ang paraan ng append() sa JavaScript.