• 
  

  hur man ändrar mata in text med javascript

  
  

Många webbutvecklare använda JavaScript för att ändra en användares textinmatning efter att han typ den i en textruta . Till exempel kan du använda JavaScript 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 hennes namn på sign-up former . Efter att ha lärt några JavaScript -kommandon kan du manipulera mata in text och formatera den som passar dina behov . Dessa kommandon är generiska och arbeta över alla webbläsare

Du behöver : .
HTML Editor eller Anteckningar . .



1
Skapa ett nytt HTML- dokument
2
Lägg denna kod för att kroppen delen av dokumentet : . .








Detta skapar en tom rubrik och en textruta element . 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 till den här knappen inslag under textrutan förklaring: .



När du klickar på knappen, kommer JavaScript ändra texten som du angav och visa den nya texten i rubriken och textrutan . .
4
Lägg till detta JavaScript-funktion till skriptet avsnitt i dokumentet :

funktion changeText () {
var headingObject=document. getElementById ( " myHeading ') ;
var textboxObject=document. getElementById (' myTextbox ') ;
var text=textboxObject. value ;
textboxObject. value=" Hej " + Text ;
headingObject. innerHTML=" Text ändras till-> Hej " + text ;
}

" document. getElementById " kommando hämtar ett HTML- element och gör den tillgänglig för JavaScript . I detta exempel , de två " document. getElementById kommandon hämta rubriken element ( myHeading ) och textrutan element ( myTextbox ) . Funktionen då får texten från textrutan och lägger " Hello " till strängen . Slutligen " innerHTML " egenskaper rubrik och element textrutan ändras .
5 .
Öppna dokumentet i en webbläsare anger du ett namn i textrutan och klicka på knappen. JavaScript-funktion kommer att Lägg till " Hej " till namnet och uppdatera innehållet i de två HTML-element .


tips och varningar




Använd " innerHTML "för att hämta och uppdatera texten i alla HTML-element . Till exempel kan du ändra en knapp text från " Klicka för att lägga fram "till " Tack för köpet av XYZ " efter en besökare in ett produktnamn . Den " outerHTML " egenskapen kan du ändra texten och stil mata in text.

Previous：nothing Next：Microsoft Visual Studio 2008 krav

Relaterade artiklar