Changing tekstkleur op een webpagina geeft gebruikers een interactieve , onverwachte ervaring , en is een van de meest effectieve manieren om het ontwerp van de webpagina 's invloed . Een gebruiker kan de tekst kleuren gebruikt javascript en stijl te wijzigen , door het gebruik van een van de verschillende technieken in de HTML-code . Instructies 1
Maak HTML -elementen die tekst bevatten . Dit voorbeeld laat zien hoe drie tags die de JavaScript -functies gecreëerd in de volgende paar stappen kunt gebruik maken:
Verander de kleur van de Div
Wijzig deze paragraaf tekst kleur . Verander de tag span kleur < /span > < /p > < /div > 2
Maak de functie voor de div-tag . De volgende JavaScript-functie pakt de div-tag gemaakt in stap 1 en verandert de kleur naar rood : functie divColorChange ( ) { . Document.getElementById ( ' myDiv ' ) style.color = " # FF0000 " ; } < br > 3
Verander de kleur van de paragraaf -tag . De volgende JavaScript-functie verandert de kleur van het element tekst gemaakt in stap 1 tot wit paragraaf : functie paraColorChange ( ) ; 4 { document.getElementById ( ' myParagraph ' ) style.color = ' # 000000 ' . }
Verander de kleur in de tag span . Ten slotte wijzigt de tag span tekst aan zwart met de volgende code : function spanColorChange ( ) ; 5
Maak toetsen { document.getElementById ( ' mySpan ' ) style.color = ' # FFFFFF ' . } om de JavaScript- functies op te roepen . De functies zijn gecreëerd , maar er gebeurt niets totdat je ze in de HTML-code te bellen . De volgende code knoppen . Wanneer een gebruiker klikt op een van de knoppen , wordt de corresponderende JavaScript-functie genaamd : < input type = " button " value = " Paragraaf Color" onclick = " paraColorChange ( ) " /> < br >