Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come modificare il colore del testo in JavaScript

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 ( ) " />


 

Programmazione © www.354353.com