Soms moet je hef je je stem om aandacht te krijgen. Webdesigners kunnen een webpagina's "volume" te verhogen door het maken van een aantal van de tekst moediger. De eigenschap Cascading Style Sheet of CSS, font gewicht kun je tekst lichter of donkerder dan normaal. JavaScript heeft toegang tot de hypertext markup language-Document Object Model, of DOM, en het gewicht van tekst kunt wijzigen zonder de hele pagina herladen. U kunt het gewicht van het lettertype van de tekst in een div-tag met behulp van de "getElementById()" eigenschap in te stellen de "Object.style.fontWeight" op "vet".
Wat die u nodig hebt
- Webbrowser zoals Internet Explorer
- Teksteditor zoals Kladblok
De teksteditor blocnote te lanceren door te klikken op de knop "Start", op "Alle programma's," "Accessoires" te klikken en vervolgens te klikken op "Kladblok".
Voer de volgende code in de teksteditor.
function changeStyle(){
document.getElementById("mydiv").style.fontWeight="bold";
document.getElementById("mybutton").innerHTML="The text is Now BOLD!";
}
De tekst hier is normaal gewichtKlik op het menu "Bestand". Selecteer de optie "Opslaan". Opslaan onder het bestand naam "test.html."
Start de webbrowser door te klikken op de knop "Start", te klikken op 'Alle programma's ' en 'Internet Explorer'. Klik op het "File" menu-item en selecteer "Open File".
Zoek het bestand "test.html" zojuist hebt gemaakt, selecteert u deze met de muis en klik dan op "Open."
Klik op de knop met het label "De tekst vet maken." De tekst moet worden vet en de knop moet nu lezen: "de tekst wordt nu vet!"
- Met de eigenschap innerHTML van de DOM kunt u webpagina's om tekst te veranderen zonder de hele pagina herladen. U kan deze functie gebruiken om de tekst in een div-element wijzigen als de gebruiker de muisaanwijzer op het. U kunt de volgende code toevoegen aan de functie van de "changeStyle()" in het voorbeeld en de div tekst wijzigen:
- document.getElementById("mydiv").innerHTML = "het tekengewicht voor tekst in deze div wordt nu vet!";
- Wijzig de knopcode om de volgende mouseover-functie te gebruiken:
- Bij gebruik oordeelkundig, helpen Vette lettertypen trekken aandacht belangrijke inhoud op uw pagina. Teveel vet op een pagina, kan echter worden gezien door uw viewer als schreeuwen of badgering. Uw gebruik van vet te beperken. Aparte stukken van vet door witruimte. Variërend van de tekstkleur of het lettertype-familie kan helpen trekken het oog van de kijkers naar belangrijke informatie evenals