Cambiare il colore del testo in una pagina web offre agli utenti un modo interattivo, un'esperienza inaspettata , ed è uno dei modi più efficaci per influenzare il design della pagina web. Un utente può modificare i colori del testo utilizzando JavaScript e impostazioni di stile , utilizzando una delle diverse tecniche nel codice HTML . Istruzioni 1
Creare elementi HTML che contengono testo . Questo esempio mostra come creare tre variabili che possono utilizzare le funzioni JavaScript creati nei passaggi successivi :
Cambiare il colore della Div.
cambiare questo paragrafo di testo colore . Cambiare il colore tag span < /span> < /p > < /div > 2
creare la funzione per il tag div . La funzione JavaScript seguente afferra il tag div creato nel passaggio 1 e cambia il suo colore in rosso : funzione divColorChange ( ) { . Document.getElementById ( ' myDiv ') style.color = ' # FF0000 '; }
3
Cambia il colore del tag di paragrafo . La funzione JavaScript seguente cambia il colore del testo dell'elemento comma creato nel passaggio 1 per bianco : funzione paraColorChange (); 4 { document.getElementById ( ' myParagraph ') style.color = ' # 000000 ' . }
Cambiare il colore del tag span . Infine , modificare il tag di testo lasso di nero con il seguente codice : function spanColorChange (); 5
creare pulsanti { document.getElementById ( ' mySpan ') style.color = ' # FFFFFF ' . } per richiamare le funzioni JavaScript . Le funzioni sono state create, ma non succede nulla fino a quando non li nel codice HTML chiami . Il codice seguente crea pulsanti . Quando un utente fa clic su uno dei pulsanti , la funzione JavaScript corrispondente è chiamato : < input type = valore " pulsante " = " Paragrafo Colore" onclick = " paraColorChange ( ) " /> < br >
