Această postare a precizat metoda pentru găsirea unui ID de obiect într-o matrice de obiecte JavaScript.
Ce este metoda append() în JavaScript?
„ adăuga() ”Metoda din JavaScript este utilizată pentru inserarea elementelor sau a obiectelor șir la sfârșitul elementului. Aceasta este una dintre cele mai utile metode de a adăuga elementul necesar la poziția specificată la sfârșitul elementului.
Cum se utilizează metoda append() în JavaScript?
Pentru a utiliza funcția append() în JavaScript, urmați sintaxa menționată mai jos:
$ ( selector ) . adăuga ( continut, functie ( index, html ) )
Aici:
- „ selector ” este elementul HTML care este accesat.
- „ adăuga() ” este folosită pentru a adăuga elementul.
- „ conţinut ” este parametrul necesar, care determină conținutul datelor de atașat.
- „ funcţie() ” este un element opțional.
Exemplul 1: Adăugați același element în paragraf
Pentru a adăuga aceleași elemente într-un paragraf, mai întâi, deschideți pagina HTML relevantă și utilizați „ ” etichetă pentru a încorpora date între etichete. Mai mult, atribuiți un „ id ” la paragraful pentru a-l accesa în JavaScript:
< p id = 'element' > Bun venit la Linuxhint p >
Apoi, creați un buton cu ajutorul butonului „
Acum, utilizați „ ” etichetă pentru a adăuga codul JavaScript:
< scenariu >
$ ( document ) . gata ( funcţie ( ) {
$ ( „.btn” ) . clic ( funcţie ( ) {
$ ( '#element' ) . adăuga ( „Adăugați text la clic pe buton” ) ;
} ) ;
} ) ;
scenariu >
Conform codului dat:
- „ gata() ” este utilizată pentru a face disponibilă o funcție atunci când documentul este încărcat cu succes pe ecran. Pentru a face acest lucru, treceți „ funcţie() ” ca parametru.
- „ clic() ” metoda invocă atunci când utilizatorul face clic pe elementul butonului HTML. Această metodă determină execuția clicului atunci când un utilizator apasă butonul.
- „ adăuga() ” metoda inserează un set de obiecte după executarea “ clic() ” metoda. În acest scop, transmiteți textul care trebuie atașat.
Ieșire
Exemplul 2: Adăugați diferite elemente în formă de listă
Puteți adăuga diferitele elemente sub forma unei liste. Pentru a face acest lucru, creați o pagină HTML și încorporați text cu ajutorul „ ' etichetă:
< p id = 'adăuga' > JavaScript Anex ( ) Funcţie p > Faceți un buton folosind „
Faceți un container div și atribuiți un id acelui container utilizând „ id ” atribut. Apoi, adăugați elementele cu ajutorul „ ' etichetă:
< div id = 'mai multe elemente' >< p > Element 1 p >
< p > Element 2 p >
div >
Apoi, utilizați „ ” și adăugați următorul cod între etichetă:
< scenariu >var ElementNumber = 3 ;
funcția func ( ) {
a fost părinte = document. getElementById ( „mai multe elemente” ) ;
a fost element nou = „
Element”
+ ElementNumber + '' ;mamă. insertAdjacentHTML ( „înainte” , și Element ) ;
ElementNumber ++;
}
scenariu >
În codul de mai sus:
- Declarați o variabilă folosind „ a fost ” cuvânt cheie și atribuiți-i o valoare conform preferințelor dvs.
- Definiți o funcție și inițializați o altă variabilă în interiorul funcției definite cu un anumit nume.
- Apoi, invocați „ getElementById() ” Metoda JavaScript pentru a accesa elementul și a trece valoarea id ca parametru.
- „ insertAdjacentHTML() ” este utilizată pentru adăugarea codului HTML într-o poziție specificată și adăugarea elementului adiacent unul altuia.
- Utilizați operatorul de creștere pentru a face o creștere în element:
Ați învățat despre utilizarea metodei append() în JavaScript cu diverse exemple.
Concluzie
„ adăuga() ” este o metodă JavaScript care este utilizată pentru inserarea elementului și a obiectelor la sfârșitul elementului definit. Puteți adăuga același element și elemente diferite sub formă de paragrafe și liste. Mai precis, poate fi declanșat la un clic pe buton. Această postare a demonstrat metoda append() în JavaScript.