Hvordan endre teksten i Knapper i Javascript

June 3

Javascript er et skriptspråk som oftest brukes i forbindelse med HTML for å endre oppførselen til web sideelementer. Javascript kan endre hvor mange gjenstander funksjon, inkludert bakgrunner, tabeller, lister, tekst og knapper. En knapp brukes vanligvis ved enden av en form for å sende inn Angitt informasjon. Dersom du ønsker å endre teksten som vises på en knapp, kan du gjøre dette ved å tildele knappen en unik "ID" og bruke "getElementById" funksjon som en del av en link tag.

Bruksanvisning

1 Åpne en nettside dokument i et tekstredigeringsprogram eller HTML-redigering program (se Ressurser).

2 Klikk for å plassere markøren på det punktet på nettsiden der du ønsker å gi knappen. Følgende linjer med kode må plasseres mellom <body> og </ body> koder i websiden dokumentet.

3 Type "<input type =" button "value =" Sample knappetekst "id =" Button1 "> </ input>" for å gi knappen. Denne knappen viser med standardteksten "Sample knappetekst" og har en unik ID "Button1". Trykk "Enter" for å opprette en ny linje.

4 Skriv "<a href="javascript:document.getElementById('button1').value='New Button Text';void(0);"> Endre knappetekst </a>" for å lage en link som, når den klikkes, vil endre teksten på knappen med ID "Button1". Den opprettede linken vil vise koblingen teksten "Change Button Tekst" og vil endre knappen teksten til «New knappetekst," som begge kan endres av brukeren uten å skade funksjonaliteten av koden. Hvis den unike ID-knappen ( «Button1") er endret i dette trinnet må det også bli endret i det foregående trinn.

5 Klikk på "File" -menyen og klikk på "Lagre" for å lagre nettsiden dokumentet.

6 Dobbeltklikk på nettsiden filen for å kjøre den i nettleseren din. Klikk på "Endre knappetekst" for å endre teksten på knappen.