Tento příspěvek bude definovat postup pro přiřazení hodnoty textovému poli pomocí JavaScriptu.
Jak přiřadit hodnotu textovému poli pomocí JavaScriptu?
Pro přiřazení hodnoty textovému poli použijte následující metody:
Podívejme se na fungování těchto metod samostatně!
Metoda 1: Přiřazení hodnoty textovému poli pomocí metody setAttribute().
' setAttribute() ” metoda se používá k přiřazení hodnoty do textového pole. Používá se k přidání nebo nastavení atributu k určitému prvku a přidělení jeho hodnoty. Tato metoda používá dva parametry jako argument a oba jsou povinné.
Syntax
Postupujte podle níže uvedené syntaxe pro metodu setAttribute():
setAttribute ( název atributu, hodnota atributu ) ;Tady, ' atributValue ” je hodnota atributu, jehož název je zadán.
Příklad
Nejprve vytvoříme nadpis a vstupní pole s výchozím „ Text ” zástupná hodnota. Dále přidejte tlačítko, které po kliknutí vyvolá metodu „myFunction()“:
< h5 > Kliknutím na tlačítko zobrazíte výchozí hodnotu textového pole. h5 >< Typ vstupu = 'text' id = 'můjText' zástupný symbol = 'Text' >
< tlačítko onclick = 'myFunction()' > Klikněte knoflík >
V souboru JS definujte funkci s názvem „ myFunction() “ a do textového pole se dostanete pomocí „ getElementbyId() “ a poté nastavte hodnotu pomocí “ setAttribute() “ metoda:
funkce myFunction ( ) {dokument. getElementById ( 'můjText' ) . setAttribute ( 'hodnota' , 'LinuxHint' ) ;
}
Z výstupu je vidět, že po kliknutí na tlačítko je hodnota textového pole nastavena jako „ LinuxHint “:
Podívejme se na další postup pro přiřazení hodnoty textovému poli.
Metoda 2: Přiřadit hodnotu textovému poli pomocí vlastnosti textové hodnoty
Existuje další přístup k přiřazení hodnoty textovému poli, kterým je „ hodnota ” vlastnost textu. V tomto přístupu stačí přiřadit hodnotu textovému poli pomocí vlastnosti value.
Syntax
Pro přiřazení hodnoty textovému poli pomocí vlastnosti value prvku text použijte následující syntaxi:
hodnota = 'Text' ;Příklad
Zde přiřadíme hodnotu již vytvořenému textovému poli v předchozím příkladu. Chcete-li tak učinit, otevřete textové pole v myFunction() a poté přiřaďte požadovanou hodnotu textovému poli pomocí „ hodnota ' vlastnictví:
funkce myFunction ( ) {dokument. getElementById ( 'můjText' ) . hodnota = 'LinuxHint' ;
}
Jak můžete vidět výstup úspěšně, přiřaďte hodnotu do textového pole:
Shromáždili jsme nejjednodušší přístupy pro přiřazení hodnoty textovému poli pomocí JavaScriptu.
Závěr
Pro přiřazení hodnoty textovému poli pomocí JavaScriptu můžete použít předdefinovanou metodu JavaScriptu s názvem setAttribute() nebo vlastnost value elementu text. Oba tyto přístupy fungují efektivně pro přiřazení hodnoty textovému poli. Můžete si vybrat jednu z nich podle svých požadavků. V tomto příspěvku jsme diskutovali o přístupech k přiřazení hodnoty textovému poli pomocí JavaScriptu s podrobnými příklady.