Jaka jest metoda dodatkowa w JavaScript

Jaka jest metoda dodatkowa w JavaScript
Załóżmy, że chcesz stworzyć listę i dodać kilka elementów. Zużywa dużo czasu na wypadek ręki. Aby to zrobić, JavaScript zapewnia „dodać()”Metoda przyjmowania obiektu jako argumentu, a następnie wstawiania go na końcu zdefiniowanej listy. Ponadto możesz również dołączyć elementy inaczej, jak na liście lub w formie akapitu.

Ten post podano metodę znalezienia identyfikatora obiektu w szeregu obiektów JavaScript.

Jaka jest metoda append () w JavaScript?

„„dodać()”Metoda w JavaScript jest wykorzystywana do wstawienia elementów lub obiektów ciągów na końcu elementu. Jest to jedna z najbardziej przydatnych metod dodania wymaganego elementu w określonej pozycji na końcu elementu.

Jak używać metody append () w JavaScript?

Aby wykorzystać funkcję append () w JavaScript, postępuj zgodnie z określoną składnią wymienioną poniżej:

$ (selektor).append (content, funkcja (indeks, html))

Tutaj:

  • "selektor”To element HTML, do którego jest dostępny.
  • "dodać()„Metoda jest używana do dołączenia elementu.
  • "treść”To wymagany parametr, który określa treść danych do dołączenia.
  • "funkcjonować()”Jest elementem opcjonalnym.

Przykład 1: Dodaj ten sam element w akapicie

Aby dołączyć te same elementy w akapicie, najpierw otwórz odpowiednią stronę HTML i skorzystaj z „

”Tag, aby osadzić dane między znacznikiem. Ponadto przypisz „ID„Do akapitu, aby uzyskać do niego dostęp w JavaScript:

Witamy w Linuxhint

Następnie utwórz przycisk za pomocą „”Element i użyj„klasa”Atrybut, aby określić określoną nazwę i osadzić tekst z elementem przycisku, aby wyświetlić przycisk:

Teraz skorzystaj z „„Tag, aby dodać kod JavaScript:

Zgodnie z danym kodem:

  • "gotowy()”Metoda jest wykorzystywana do udostępniania funkcji, gdy dokument jest pomyślnie ładowany na ekranie. Aby to zrobić, przekaż „funkcjonować()”Metoda jako parametr.
  • "Kliknij()”Metoda wywołuje, gdy użytkownik kliknie element przycisku HTML. Ta metoda określa wykonanie kliknięcia, gdy użytkownik trafia w przycisk.
  • "dodać()„Metoda wstawia zestaw obiektów po wykonaniu„Kliknij()" metoda. W tym celu przekaż tekst, który musi dołączyć.

Wyjście

Przykład 2: Dodaj różne elementy w formie listy

Możesz dołączyć różne elementy w formie listy. Aby to zrobić, zrób stronę HTML i osadzić tekst za pomocą „

Funkcja javascript append ()

Zrób przycisk za pomocą „”Element i użyj„na kliknięcie„Zdarzenie, które ma miejsce, gdy użytkownik kliknie element HTML:

Zrób kontener Div i przypisz identyfikator do tego pojemnika za pomocą „ID" atrybut. Następnie dodaj elementy za pomocą „

Element 1


Element 2


Następnie użyłem „”Tag i dodaj następujący kod między znacznikiem:

W wyżej wymieniony kod:

  • Deklarować zmienną za pomocą „var”Słowo kluczowe i przypisz do niego wartość zgodnie z Twoimi preferencjami.
  • Zdefiniuj funkcję i zainicjuj inną zmienną wewnątrz zdefiniowanej funkcji o określonej nazwie.
  • Następnie przywołaj „„getElementById ()„Metoda JavaScript w celu uzyskania dostępu do elementu i przekazania wartości identyfikatora jako parametru.
  • "insertadjacenthtml ()”Metoda jest wykorzystywana do dodawania kodu HTML do określonej pozycji i dodawania elementu przylegającego do siebie.
  • Wykorzystaj operatora przyrostu, aby dokonać przyrostu elementu:

Dowiedziałeś się o wykorzystaniu metody append () w JavaScript z różnymi przykładami.

Wniosek

"dodać()”Jest metodą JavaScript, która jest wykorzystywana do wkładania 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ć na kliknięciu przycisku. Ten post wykazał metodę append () w JavaScript.