Många webbutvecklare använder JavaScript för att ändra en användares textinmatning när han skriver det i en textruta . Till exempel kan du använda JavaScript för att ta bort stötande ord från ett forum användares inlägg . Du kan också visa en personlig hälsning till en besökare efter att hon går in i hennes namn på sign-up former . Efter att lära sig några JavaScript- kommandon , kan du manipulera in text och formatera den för att passa dina behov . Dessa kommandon är generiska och arbeta i alla webbläsare . Saker du behöver HTML Editor eller Anteckningar Visa fler instruktioner 1
Skapa ett nytt HTML- dokument . 2
Lägg denna kod till huvuddelen av dokumentet :
< /h2 >
;
Detta skapar en tom rubrik och en textruta inslag . Du kommer att ange ett namn i textrutan . ID är valfria , men du måste använda dem om du planerar att manipulera innehållet i ett HTML-element med hjälp av JavaScript 3
Lägg denna knapp element under textrutan deklarationen : .
När du klickar på knappen , kommer JavaScript ändra texten som du skrev och visa den nya texten i rubriken och textrutan 4
Lägg denna JavaScript -funktionen i skriptet avsnitt i dokumentet : .
funktion changeText ( ) {var headingObject = document.getElementById ( ' myHeading ' ), var textboxObject = document.getElementById ( ' myTextbox ' ) , var Amendment = textboxObject.value , textboxObject.value = " Hej " + Amendment , headingObject.innerHTML = " text ändras till - > Hej " + Original text ; }
" document.getElementById " kommandot hämtar ett HTML-element och gör det tillgängligt för JavaScript . I detta exempel , de två " document.getElementById kommandon hämta rubriken elementet ( myHeading ) och textrutan elementet ( myTextbox ) . Funktionen då blir texten från textrutan och tillägger " Hej " till strängen . Slutligen " innerHTML " egenskaper för avsnittet och textelement rutan ändras . 5
Öppna dokumentet i en webbläsare , skriv in ett namn i textrutan och klicka på knappen . JavaScript-funktionen kommer att lägga " Hej " till namnet och uppdatera innehållet i de två HTML-element .
