Hvor å Endre Div Tekst til Fet i Javascript

Hvor å Endre Div Tekst til Fet i Javascript


Noen ganger trenger du å heve stemmen for å få oppmerksomhet. Webdesignere kan heve en webside er "volum" ved å gjøre noe av teksten dristigere. Den Cascading Style Sheet, eller CSS, kan font vekt eiendom gjøre teksten lysere eller mørkere enn normalt. Javascript har tilgang til Hypertext Markup Language Document Object Model, eller DOM, og kan endre vekten av teksten uten å laste hele siden. Du kan endre skrift vekten av teksten i en div tag ved hjelp av "getElementById ()" for å sette eiendommen "Object.style.fontWeight" til "fet".

Bruksanvisning

1 Start ren tekst editor Notepad ved å klikke på "Start" -knappen, klikke på "Alle programmer," "Tilbehør" og deretter klikke på "Notisblokk".

2 Skriv inn følgende kode inn i teksteditor.

<Html>

<Head>

<Script language = "javascript">

funksjon changeStyle () {

document.getElementById ( "mydiv") style.fontWeight = "fet".;

. Document.getElementById ( "MyButton") innerhtml = "Teksten er nå BOLD!";

}

</ Script>

</ Head>

<Body>

<Div id = "mydiv"> Teksten her er Normal vekt </ div>

<-knappen Id = "MyButton" type = "button" onclick = "javascript: changeStyle ()"> Gjør tekst fet </ knapp>

</ Body>

</ Html>

3 Klikk på "File" -menyen. Velg "Lagre" alternativet. Lagre under filnavnet "test.html."

4 Start nettleseren ved å klikke på "Start" -knappen, klikke på "Alle programmer" og "Internet Explorer." Klikk på "File" menyen og velg "Åpne fil".

5 Finn filen "test.html" nettopp opprettet, velger du den med musen og klikk på "Open".

6 Klikk på knappen merket "Gjør teksten fet." Teksten bør bli fet og knappen skal nå lese: "Teksten er nå BOLD"

Hint

  • DOM er innerhtml eiendom kan du endre websiden tekst uten å laste hele siden. Du kan bruke denne funksjonen til å endre teksten i en div når brukerens musen passerer over den. Du kan legge til følgende kode i "changeStyle ()" -funksjonen i eksempelet og endre div tekst:
  • . Document.getElementById ( "mydiv") innerhtml = "Teksten font vekt i denne div er nå BOLD!";
  • Endre knappen kode for å bruke følgende mouse funksjon:
  • <-knappen Id = "MyButton" type = "button" onmouseover = "javascript: changeStyle ()"> Gjør tekst fet </ knapp>
  • Når den brukes judiciously, uthevet skrift bidra til å tiltrekke oppmerksomhet til viktig innhold på siden din. For mye fet skrift på en side, men kan bli sett av betrakteren som roper eller plage. Begrens bruken av fet type. Separate biter av fet skrift med mellomrom. Varierende skriftfarge eller font-family kan bidra til å trekke seere øye mot viktig informasjon i tillegg