Jak przypisać wartość do tekstu tekstowego za pomocą JavaScript

Czasami może być konieczne ustawienie wartości pola tekstowego na podstawie każdego zdarzenia. Możesz to zrobić, dodając wejściowy element tekstowy w pliku HTML i ustawiając jego wartość atrybutu na podstawie wymagań. JavaScript ma predefiniowane metody, które mogą być przydatne w określonym celu.

Ten post zdefiniuje procedurę przypisywania wartości do pola tekstowego za pomocą JavaScript.

Jak przypisać wartość do tekstu tekstowego za pomocą JavaScript?

Aby przypisać wartość do pola tekstowego, użyj następujących metod:

• Za pomocą metody setAttribute ()
• Korzystanie z właściwości wartości tekstowej

Spójrzmy na działanie tych metod osobno!

Metoda 1: Przypisz wartość do Textbox za pomocą metody setAttribute ()

„„setAttribute ()„Metoda służy do przypisania wartości do pola tekstowego. Jest wykorzystywany do dodawania lub ustawienia atrybutu na określony element i nadać mu wartość. Ta metoda przyjmuje dwa parametry jako argument i oba są obowiązkowe.

Składnia

Postępuj zgodnie z poniżej metodą setAttribute () metody setAttribute ():

setAttribute (atrybutename, atrybutEValue);

Tutaj, "wartość atrybutu”To wartość atrybutu, którego nazwa jest określona.

Przykład

Najpierw utworzymy nagłówek i pole wejściowe z domyślnym „Tekst„Wartość zastępcza. Następnie dodaj przycisk, który wywoła metodę „myFunction ()” po kliknięciu:

Kliknij przycisk, aby zobaczyć domyślną wartość pola tekstowego.

Kliknij

W pliku JS zdefiniuj funkcję o nazwie „myFunction ()”I uzyskuj dostęp do pola tekstowego za pomocą„getElementById ()”Metoda, a następnie ustaw wartość za pomocą„setAttribute ()" metoda:

funkcja myFunction ()
dokument.getElementById („MyText”).setAttribute („wartość”, „Linuxhint”);

Z wyjścia można zobaczyć, że po kliknięciu przycisku wartość pola tekstowego jest ustawiona jako „Linuxhint”:

Zobaczmy następną procedurę przypisywania wartości do pola tekstowego.

Metoda 2: Przypisz wartość do tekstu tekstowego za pomocą właściwości wartości tekstowej

Istnieje inne podejście do przypisywania wartości do pola tekstowego, czyli „wartość„Własność tekstu. W tym podejściu musisz tylko przypisać wartość do pola tekstowego za pomocą właściwości wartości.

Składnia

Użyj następującej składni, aby przypisać wartość do pola tekstowego za pomocą właściwości wartości elementu tekstowego:

wartość = "text";

Przykład

Tutaj przypisamy wartość do już utworzonego pola tekstowego w poprzednim przykładzie. Aby to zrobić, uzyskaj dostęp do pudełka tekstowego w MyFunction (), a następnie przypisz wymaganą wartość do pola tekstowego za pomocą „wartość" nieruchomość:

funkcja myFunction ()
dokument.getElementById („MyText”).wartość = "Linuxhint";

Jak widać pomyślnie wyjście, przypisz wartość do pola tekstowego:

Zebraliśmy najprostsze podejścia do przypisania wartości do pola tekstowego za pomocą JavaScript.

Wniosek

Aby przypisać wartość do pola tekstowego za pomocą JavaScript, możesz użyć predefiniowanej metody JavaScript o nazwie setAttribute () lub właściwości wartości elementu tekstowego. Oba te podejścia działają wydajnie w celu przypisywania wartości do pola tekstowego. Możesz wybrać jeden z nich zgodnie z wymaganiami. W tym poście omówiliśmy podejścia do przypisania wartości do pola tekstowego za pomocą JavaScript ze szczegółowymi przykładami.