W tym poście podano metodę znajdowania identyfikatora obiektu w tablicy obiektów JavaScript.
Czym jest metoda append() w JavaScript?
„ dodać() ” w JavaScript służy do wstawiania elementów lub obiektów łańcuchowych na końcu elementu. Jest to jedna z najbardziej użytecznych metod dodawania wymaganego elementu w określonej pozycji na końcu elementu.
Jak korzystać z metody append() w JavaScript?
Aby skorzystać z funkcji append() w JavaScript, postępuj zgodnie ze składnią wymienioną poniżej:
$ ( selektor ) . dodać ( zawartość, funkcja ( indeks, html ) )
Tutaj:
- “ selektor ” to element HTML, do którego uzyskuje się dostęp.
- “ dodać() ” służy do dołączania elementu.
- “ treść ” jest wymaganym parametrem, który określa zawartość danych do dołączenia.
- “ funkcjonować() ” jest elementem opcjonalnym.
Przykład 1: Dołącz ten sam element w akapicie
Aby dołączyć te same elementy w akapicie, najpierw otwórz odpowiednią stronę HTML i użyj „ ”, aby osadzić dane między znacznikami. Ponadto przypisz „ ID ” do akapitu, aby uzyskać do niego dostęp w JavaScript:
< identyfikator p = 'element' > Witamy w Linuxhint P >
Następnie utwórz przycisk za pomocą „
Teraz skorzystaj z opcji „
< scenariusz >
$ ( dokument ) . gotowy ( funkcjonować ( ) {
$ ( '.btn' ) . Kliknij ( funkcjonować ( ) {
$ ( '#element' ) . dodać ( „Dołącz tekst po kliknięciu przycisku” ) ;
} ) ;
} ) ;
scenariusz >
Zgodnie z podanym kodem:
- “ gotowy() ” służy do udostępniania funkcji po pomyślnym załadowaniu dokumentu na ekran. Aby to zrobić, przekaż „ funkcjonować() ” jako parametr.
- “ Kliknij() ” jest wywoływana, gdy użytkownik kliknie element przycisku HTML. Ta metoda określa wykonanie kliknięcia, gdy użytkownik naciśnie przycisk.
- “ dodać() ” wstawia zestaw obiektów po wykonaniu metody „ Kliknij() ' metoda. W tym celu przekaż tekst, który ma zostać dołączony.
Wyjście
Przykład 2: Dołącz różne elementy w formie listy
Możesz dołączyć różne elementy w formie listy. Aby to zrobić, utwórz stronę HTML i osadź tekst za pomocą „ ”znacznik:
< identyfikator p = 'dodać' > Dołączanie JavaScript ( ) Funkcjonować P > Utwórz przycisk za pomocą „
Utwórz kontener div i przypisz identyfikator do tego kontenera, używając „ ID ' atrybut. Następnie dodaj elementy za pomocą „ ”znacznik:
< identyfikator div = „więcej elementów” >< P > Element 1 P >
< P > Element 2 P >
dz >
Następnie użyto „
var ElementNumer = 3 ;
funkcja funkcja ( ) {
był rodzicem = dokument. getElementById ( „więcej elementów” ) ;
był nowy Element = „
Element”
+ Numer elementu + '' ;rodzic. wstawPrzylegającyHTML ( „przed” i elementu ) ;
Numer elementu ++;
}
scenariusz >
W powyższym kodzie:
- Zadeklaruj zmienną za pomocą „ był ” i przypisz mu wartość zgodnie z własnymi preferencjami.
- Zdefiniuj funkcję i zainicjuj inną zmienną wewnątrz zdefiniowanej funkcji o określonej nazwie.
- Następnie wywołaj „ getElementById() ” Metoda JavaScript, aby uzyskać dostęp do elementu i przekazać wartość id jako parametr.
- “ insertAdjacentHTML() ” służy do dodania kodu HTML w określone miejsce i dodania sąsiadujących ze sobą elementów.
- Użyj operatora przyrostu, aby zwiększyć element:
Poznałeś użycie metody append() w JavaScript z różnymi przykładami.
Wniosek
“ dodać() ” to metoda JavaScript używana do wstawiania elementu i obiektów na końcu zdefiniowanego elementu. Możesz dołączyć ten sam element i różne elementy w postaci akapitów i list. Mówiąc dokładniej, można go uruchomić kliknięciem przycisku. Ten post zademonstrował metodę append() w JavaScript.