Tento príspevok bude definovať postup priraďovania hodnoty textovému poľu pomocou JavaScriptu.
Ako priradiť hodnotu textovému poľu pomocou JavaScriptu?
Na priradenie hodnoty do textového poľa použite nasledujúce metódy:
Pozrime sa na fungovanie týchto metód samostatne!
Metóda 1: Priradenie hodnoty textovému poľu pomocou metódy setAttribute().
' setAttribute() ” metóda sa používa na priradenie hodnoty do textového poľa. Používa sa na pridanie alebo nastavenie atribútu k určitému prvku a pridelenie hodnoty. Táto metóda používa dva parametre ako argument a oba sú povinné.
Syntax
Postupujte podľa nižšie uvedenej syntaxe pre metódu setAttribute():
setAttribute ( AtribútName, AtribútHodnota ) ;Tu, ' atribútValue ” je hodnota atribútu, ktorého názov je zadaný.
Príklad
Najprv vytvoríme nadpis a vstupné pole s predvoleným „ Text ” zástupná hodnota. Ďalej pridajte tlačidlo, ktoré po kliknutí vyvolá metódu „myFunction()“:
< h5 > Kliknutím na tlačidlo zobrazíte predvolená hodnotu textového poľa. h5 >< typ vstupu = 'text' id = 'môjText' zástupný symbol = 'text' >
< tlačidlo onclick = 'myFunction()' > Kliknite tlačidlo >
V súbore JS definujte funkciu s názvom „ myFunction() “ a do textového poľa vstúpte pomocou „ getElementbyId() “ a potom nastavte hodnotu pomocou “ setAttribute() “ metóda:
funkcia myFunction ( ) {dokument. getElementById ( 'môjText' ) . setAttribute ( 'value' , 'LinuxHint' ) ;
}
Z výstupu je vidieť, že po kliknutí na tlačidlo je hodnota textového poľa nastavená ako „ LinuxHint “:
Pozrime sa na ďalší postup priraďovania hodnoty do textového poľa.
Metóda 2: Priraďte hodnotu textovému poľu pomocou vlastnosti textovej hodnoty
Existuje ďalší prístup na priradenie hodnoty textovému poľu, ktorým je „ hodnotu ” vlastnosť textu. V tomto prístupe stačí priradiť hodnotu do textového poľa pomocou vlastnosti value.
Syntax
Na priradenie hodnoty textovému poľu pomocou vlastnosti value prvku text použite nasledujúcu syntax:
hodnotu = 'text' ;Príklad
Tu priradíme hodnotu do už vytvoreného textového poľa v predchádzajúcom príklade. Ak to chcete urobiť, prejdite do textového poľa v myFunction() a potom priraďte požadovanú hodnotu do textového poľa pomocou „ hodnotu ' nehnuteľnosť:
funkcia myFunction ( ) {dokument. getElementById ( 'môjText' ) . hodnotu = 'LinuxHint' ;
}
Ako môžete vidieť výstup úspešne, priraďte hodnotu do textového poľa:
Zhromaždili sme najjednoduchšie prístupy na priradenie hodnoty textovému poli pomocou JavaScriptu.
Záver
Na priradenie hodnoty textovému poľu pomocou JavaScriptu môžete použiť preddefinovanú metódu JavaScript s názvom setAttribute() alebo vlastnosť value elementu text. Oba tieto prístupy fungujú efektívne pri priraďovaní hodnoty do textového poľa. Môžete si vybrať jeden z nich podľa vašich požiadaviek. V tomto príspevku sme diskutovali o prístupoch na priradenie hodnoty textovému poli pomocou JavaScriptu s podrobnými príkladmi.